从每个李获取id

Question

如何获得id动态li元素？

<ul id="3" class="test">
    <li id="2">aca2</li>
    <li id="1">aca</li>
  </ul>

$('.test').each(function(){
    $(this).on('click', function(e){
        alert(this.id); //returns 3
    });
});

Answer 1

您不需要,each()因为您可以将事件直接绑定到所有子li元素.test.试试这个:

$('.test li').on('click', function(e) {
    alert(this.id);
});

或者,如果li动态追加元素,则可以使用委托事件处理程序:

$('.test').on('click', 'li', function(e) {
    alert(this.id);
});

如果我想在li里面输入输入字段值怎么办？

$('.test').on('click', 'li', function(e) {
    alert($(this).find('input').val());
});