如何获取元素的id

Question

我添加了一个动态创建的元素的监听器 - 根据这个 - Jquery event handler not working on dynamic content [duplicate]

但是我如何获得该元素的id？

$(document.body).on('click', '.list-group-item', function(){  
var itemId=this.attr("id");  

这种做法是错误的 - 结果是：

TypeError: this.attr is not a function

所以在这种情况下 - 如何获得已点击的'.list-group-item'的ID？

Answer 1

使用$(this).attr("id")获取元素ID

$(document.body).on('click', '.list-group-item', function(){  
   var itemId = $(this).attr("id");  // update this
})

Answer 2

试试这个语法。您需要将this尊重为$('this')

$(this).attr('id');

$(document.body).on('click', '.list-group-item', function(){  
     var itemId=$(this).attr("id");
}

Answer 3

在点击回调功能中，this是点击的 HTML元素

因此，您只需使用

即可

this.id;

或者，如果你喜欢使用jQuery，即使它不是必需的

$(this).attr("id");