javascript - 使用 jQuery 选择类的父元素

Question

JS:

$(function(){
    $(".remove").click(function(){
        $("<need the right selector>").hide();
    });
});

HTML:

<div class="tag-collection">
    <div class="key">PULMONARY_EMBOLISM <span class="remove">✘</span></div>
</div>

我喜欢上面的 jQuery 代码来删除整个 div tag-collection。但是，我的页面上会有许多 tag-collection div，并且我想确保当有人单击删除按钮时，它只删除 tag-collection div删除按钮包含在其中。

Answer 1

如果你有很多监听器，这会绑定(bind)更少的监听器，因此它更“高效”/更轻量:

$(function(){
    $(document).on('click', 'span.remove', function() {
        $(this).closest('.tag-collection').hide();
    });
});