jquery - 使用 jQuery 隐藏父 div 问题

Question

您好，我需要一些帮助来使用 jQuery 隐藏父 div。

这是我的 html:

<div class="team-member">
    <div class="team-member-info">
        <h3 class="team-member-name">Ann</h3>
    </div>
</div>

这是我迄今为止拥有的 jQuery:

if ($('.team-member-info .team-member-name:contains("Ann")').length > 0) {
        $(this).parent().hide();
    }

基本上我想要实现的是，如果“.team-member-name”包含单词“Ann”，则删除整个div，即“.team-member”

jQuery 的第一行工作正常，但第二行似乎不起作用。

提前致谢!

Answer 1

这里甚至不需要 if block 。只需选择并隐藏:

$('.team-member-info .team-member-name:contains("Ann")').closest('.team-member').hide()

如果 jQuery 没有找到任何包含“Ann”的 .team-member-name ，那么它也不会隐藏任何内容。

另请注意，因为您想向上走两层，所以不能使用 $.fn.parent (仅限一级祖先)。相反，您应该使用 $.fn.parents或$.fn.closest .