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

mi7gmzs6  于 2023-11-17  发布在  jQuery
关注(0)|答案(6)|浏览(162)

考虑一段代码,看起来像下面这样:

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

});

字符串
我知道有一种方法可以从e.target中获取元素类型,也就是e.target.nodeName,但是我怎么才能从中获取该元素的id呢?如果不能这样做,有没有其他方法可以获取被点击的元素的id呢?

yfwxisqw

yfwxisqw1#

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

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

字符串
您可以使用jQuery函数jQuery(e.target)$(e.target)将DOM对象转换为jQuery对象,以调用其上的jQuery函数。

jfewjypa

jfewjypa2#

要在JavaScript中获取目标元素的属性,您只需使用用途:

e.target.getAttribute('id');

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

rkkpypqq

rkkpypqq3#

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

字符串

yhived7q

yhived7q4#

试试这个

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

    var id = $(this).attr('id');
    console.log(id); 
});

字符串

nr7wwzry

nr7wwzry5#

这可以通过以下方式实现:

$('body').on('click', 'a', function (e) {//you can do $(document) instead $(body)
    e.preventDefault();
    alert($(this).attr('id'));//<--this will find you the each id of `<a>`
});

字符串

yzckvree

yzckvree6#

selectıonImg.addEventListener('click', (e) => {
  if (e.target.getAttribute('rock')) {
    userChoıceImg.innerHTML=<img src="./img/taş.png" alt="rock">
  }  
});

字符串

相关问题