jquery erhalten die ID/Wert LI nach Klick-Funktion

Question

<ul id='myid'> 
    <li id='1'>First</li> 
    <li id='2'>Second</li> 
    <li id='3'>Third</li> 
    <li id='4'>Fourth</li> 
    <li id='5'>Fifth</li> 
</ul> 

Wie kann ich die ID des li Artikel aufmerksam machen (alles, was die ID ersetzen kann Wert oder etwas anderes auch funktionieren wird) geklickt
helfen bitte
dank im Voraus
Dave

Answer 1

$("#myid li").click(function() { 
    alert(this.id); // id of clicked li by directly accessing DOMElement property 
    alert($(this).attr('id')); // jQuery's .attr() method, same but more verbose 
    alert($(this).html()); // gets innerHTML of clicked li 
    alert($(this).text()); // gets text contents of clicked li 
}); 

Wenn Sie die ID über das ersetzen mit etwas sprechen:

$("#myid li").click(function() { 
    this.id = 'newId'; 

    // longer method using .attr() 
    $(this).attr('id', 'newId'); 
}); 

Demo here. Und um fair zu sein, sollten Sie zunächst versucht haben, die Dokumentation zu lesen:

• http://api.jquery.com/category/selectors/
• http://api.jquery.com/category/events/
• http://api.jquery.com/attr/

Answer 2

Wenn Sie Ihren HTML-Code ein wenig ändern - entfernen Sie die ids

<ul id='myid'> 
<li>First</li> 
<li>Second</li> 
<li>Third</li> 
<li>Fourth</li> 
<li>Fifth</li> 
</ul> 

Dann wird der jQuery-Code Sie wollen, ist ...

$("#myid li").click(function() { 
    alert($(this).prevAll().length+1); 
});​ 

Sie brauchen keine IDs zu platzieren, halten gerade auf li Elemente hinzufügen.

Werfen Sie einen Blick auf demo

Nützliche Links

• jQuery prevAll

Answer 3

Wenn Sie mehrere li 's innerhalb li' s dann dies wird definitiv helfen, und ich habe überprüft, es und es funktioniert ....

<script> 
$("li".on('click', function() { 
      alert(this.id);`return false; ` 

     }); 
</script>