javascript - JQuery 选择器 : Apply rule to element when certain child is NOT clicked

Question

所以我有一个包含不同元素的父 div。现在我已经设置好它，所以当单击该父 div 时，它会应用一个“选定的”css 属性(只是突出显示它)。但是，此 div 中有一个 anchor 标记，我不希望 div 在单击 anchor 时突出显示。

我的高亮div代码

$(document).on("click",".playlist-row",function() {
        var selected = $(this);
        highlight(selected);
});

理想情况下，我希望它表现得像这样:(只是伪代码)

$(document).on("click",".playlist-row",function() {
    var selected = $(this);
    if ($(".childElement) is not the part clicked) {
        selectSongInPlaylist(selected);
    }
});

有什么优雅的方法可以让这样的东西发挥作用吗？

Answer 1

您可以像 http://api.jquery.com/event.stopPropagation/ 中那样使用 stopPropogation()在 $('.childElement').click(function(e){ 这样的子元素上 e.stopPropagation();});以防止点击事件传播到父元素。您还可以按照此处所述检查 event.target 属性 http://api.jquery.com/event.target/