JQuery получить идентификатор/значение LI после функции щелчка

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> 

Как предупредить идентификатор элемента Li щелкнул (ничего, что может заменить идентификатор может быть значение или что-то еще будет работать)
пожалуйста, помогите
заранее спасибо
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 
}); 

Если говорить о замене ID с чем-то:

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

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

Demo here. И чтобы быть справедливым, вы должны сначала попробовал чтение документации:

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

Answer 2

Если изменить ваш HTML код немного - удалить идентификаторы

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

Затем код JQuery вы хотите ...

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

Вам не нужно размещать любые идентификаторы, просто держать на добавление элементов Li.

Посмотрите на demo

Полезные ссылки

• jQuery prevAll

Answer 3

Если у вас есть несколько li 'ы внутри li-х, то это, безусловно, поможет вам, и я проверил он и он работает ....

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

     }); 
</script>