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