How to get the id of a li element

Question

I have a list of elements created dinamically. Each item has an ID. I didn't find how to get the id of each element when it is clicked.

Nothing is working out... :(

For future references, show a code sample of what you have attempted it would go over much better then getting down-voted 3 times :(.. Welcome to SO. — I am Cavic, Dec 25 '13 at 18:52
and [Get div id using javascript](http://stackoverflow.com/q/7071748/218196) and many others. — Felix Kling, Dec 25 '13 at 18:52
Only show part of the code where you are facing problem. From your question we cannot guess which part of the code posted by you needs to be edited to satisfy your problem — Zword, Dec 25 '13 at 19:28

score 0 · Accepted Answer · answered Dec 25 '13 at 18:49

0

Just do this.id. Inside your handler this will be the clicked element and you can access its id as a property.

Ex:

   $(elem).click(function(){
       var id = this.id; //Here this is the DOM element and you can access its id property
       ///Do something..
   })

answered Dec 25 '13 at 18:49

PSL

123,204
21
253
243

I put my code in the question. Please, read again. Thank you – goes Dec 25 '13 at 19:10
@user2963097 Try.. `$("ul li a").click(function(e) { var turmaEscolhida =this.id; e.preventDefault(); });` – PSL Dec 25 '13 at 19:15
is yourclick event getting fired at all? – PSL Dec 25 '13 at 19:24

score 0 · Answer 2 · answered Dec 25 '13 at 18:50

0

Assuming you are using jQuery:

$("li").click(function(){
    alert($(this).attr("id"));
});

answered Dec 25 '13 at 18:50

Ivotje50

518
7
15

I put my code in the question. Please, read again. Thank you – goes Dec 25 '13 at 19:16

score 0 · Answer 3 · answered Dec 25 '13 at 18:50

0

When a click event is fired, the element that was the target of the click is stored as this inside of the jquery callback

$("li").click(function(){
 var elementClicked = this;
 var elementClickedId = this.id;
});

answered Dec 25 '13 at 18:50

Travis J

81,153
41
202
273

I put my code in the question. Please, read again. Thank you – goes Dec 25 '13 at 19:15

score 0 · Answer 4 · answered Dec 25 '13 at 18:54

0

Using pure javascript you can do something like this:

<script>
function getID(a)
{
    document.getElementById("showid").innerHTML = a;
}
</script>
<li id="n1" onclick="getID(this);">Item1</li>
<li id="n2" onclick="getID(this);">Item2</li>
<li id="n3" onclick="getID(this);">Item3</li>

<div id="showid"></div>

answered Dec 25 '13 at 18:54

Zword

6,605
3
27
52

I put my code in the question. Please, read again. Thank you – goes Dec 25 '13 at 19:14

How to get the id of a li element

4 Answers4