Get div id using javascript

Question

Here's some HTML:

<div class="results">
  <div id="1">something</div>
  <div id="2">something else</div>
  <div id="3">blah blah blah</div>
  <div id="4">etc</div>
</div>

Now if I can call this using jQuery:

var div = $(".results > div");
div.click(function()
{
  alert(this.childNodes[0].nodeValue);
});

When clicking on a div, it will call an alert box saying whats in the div (from the list above: one of 'something', 'something else', 'blah blah blah' or 'etc'). Does anyone know how I can get it to alert the id (in this example, 1, 2, 3 or 4) of the div rather than the information within the node?

Thanks

Felix Kling · Accepted Answer · 2011-08-15 23:03:14Z

13

Inside the event handler, this refers to the clicked div. You can access its id property ^[MDN]:

alert(this.id);

Note: HTML4 does not allow ids to start with digits.

~~P.S: The selector should be $(".results > div").~~ (fixed)

edited Aug 15, 2011 at 23:03

answered Aug 15, 2011 at 22:57

Felix Kling

820k181 gold badges1.1k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

ingh.am Over a year ago

Thanks! That was it! :) Yes, I know about the selector, that was a typo! Thanks though!

Felix Kling Over a year ago

@ing0: Well, one never knows ;) You're welcome, happy coding!

ingh.am Over a year ago

Yea sorry, I didn't mean it like that. Thanks for pointing it out!

Paul · Accepted Answer · 2011-08-15 22:58:22Z

2

Alert the id property of the div:

alert(this.id);

answered Aug 15, 2011 at 22:58

Paul

142k28 gold badges285 silver badges272 bronze badges

Collectives™ on Stack Overflow

Get div id using javascript

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related