如何从event.target获取元素的ID

Question

考虑一段如下所示的代码:

$('body').on('click', function(e){

});

我知道有一种方法可以从中获取元素类型e.target,即e.target.nodeName,但是如何从中获取该元素的id？如果无法做到,是否有另一种方法来获取被点击的元素的id？

Answer 1

你可以用e.target.id.e.target表示DOM对象,您可以访问其所有属性和方法.

$('body').on('click', function(e){
    alert(e.target.id);    
});

您可以使用jQuery函数将DOM对象转换为jQuery对象,jQuery(e.target)或者$(e.target)在其上调用jQuery函数.

Answer 2

$('body').on('click', function(e){
    var id = $(this).attr('id');
    alert(id);
});

Answer 3

要获取JavaScript中目标元素的属性，您只需使用：

e.target.getAttribute('id');

另请参阅：https : //stackoverflow.com/a/10280487/5025060，以了解DOM属性及其属性之间的细微区别。