jquery - 在点击事件上检索没有父级的 div

Question

我正在编写一个应用程序，我需要返回我单击的元素的类。

问题是，一旦我单击一个元素，我也会获得它的所有父类。

我用来检索类名的代码:

$('div').click(function () {
    console.log($(this).attr("class"));
});

这是元素示例:

<div class="parent">
    <div class="child">
        Bla bla bla
    </div>
</div>

一旦我点击 .child div，它就会返回 .child 和 .parent 类名。

我想应该有一个简单的方法来解决这个问题，但经过几个小时的研究我找不到任何东西。

Answer 1

需要防止事件冒泡到父元素，使用return false;

$('div').click(function (e) {
    console.log($(this).attr("class"));
    return false; // or e.stopPropagation();

});    

return false从在 jQuery 事件处理程序中调用实际上与调用 e.preventDefault 相同。和e.stopPropagation就过去了jQuery.Event object. ........

阅读this有关更多信息的优秀答案。

与 <div> e.stopPropagation() 之间现在存在差异和return false因为<div>没有像 <a> 这样的默认点击事件或 <button>做。