2010-08-23 7 views
58
<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> 

Comment puis-je alerter l'id de l'élément li clicked (tout ce qui peut remplacer l'identifiant peut être une valeur ou autre chose fonctionnera aussi)
s'il vous plaît aider
merci à l'avance
Davejquery obtenir l'ID/valeur de LI après clic fonction

+0

Essayez d'utiliser event.target.id http://api.jquery.com/event.target/ – Pramod

Répondre

118
$("#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 
}); 

Si vous parlez de remplacer l'ID avec quelque chose:

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

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

Demo here. Et pour être honnête, vous devriez avoir d'abord essayé de lire la documentation:

+0

Merci Karim, ça marche. Dave – dave

8

Si vous modifiez votre code html un peu - enlever les ids

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

Ensuite, le code jquery que vous voulez est ...

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

Vous n'avez pas besoin de placer des ids, juste continuer à ajouter des éléments li.

Jetez un oeil à demo

Liens utiles

+0

Merci Shivik, mais l'identifiant est déjà défini. Et j'ai eu la réponse que je cherchais, en première réponse. Merci encore – dave

-2

Si vous avez 'l' intérieur li' li multiactivités alors ce sera certainement vous aider, et j'ai vérifié et cela fonctionne ....

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

     }); 
</script>