jQuery捕获单击对象的ID [重复]

Question

我正在尝试检索我点击的元素的 ID

$mainBox.on('click', '.menuBtn', function(event) {
    console.log(event.target.attr('id'))    
});

我单击的元素作为外部 html 的一部分加载，这将是被单击的行：

<li class="menuBtn" id="item03"><span class="styleClass1">03</span><span class="styleClass2">Menu Item</span></li>

我如何获得item03？ event.target.attr('id') 不这样做

Answer 1

试试event.target

event.target 是 DOM 元素，因此您需要将其设为 jQuery 对象才能使用.attr()

---

$mainBox.on('click', '.menuBtn', function(event) {
    console.log($(event.target).attr('id'))    
});

---

或者直接使用 JavaScript

$mainBox.on('click', '.menuBtn', function(event) {
    console.log(event.target.id);
});

---

$mainBox.on('click', '.menuBtn', function(event) {
    console.log(this.id);
});

this