jQuery obtener el ID/valor de LI después de la función de clic

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> 

¿Cómo puedo alertar al identificador del elemento li hace clic (cualquier cosa que pueda sustituir el Id puede ser de valor o alguna otra cosa también funcionará)
favor ayuda
gracias de antemano
de 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 
}); 

Si se habla de la sustitución de la identificación con algo:

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

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

Demo here. y para ser justos, usted debe tener primero trató de leer la documentación:

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

Answer 2

Si cambia el código html un poco - eliminar los identificadores

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

continuación, el código jQuery que quieres es ...

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

No es necesario colocar ningún código, sólo seguir añadiendo elementos li.

Tome un vistazo a demo

Enlaces útiles

• jQuery prevAll

Answer 3

Si tiene varios li que hay dentro li 's, entonces esto definitivamente le ayudará, y he comprobado y funciona ...

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

     }); 
</script>