jquery parent-selector 与 contains-selector 结合

Question

我想隐藏包含“翻译”一词的文本，同时隐藏父类。

我用

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        $("h4:contains(translation)").css("display", "none");
    });
</script>

这很好用，并隐藏了包含“翻译”一词的文本

如何将此隐藏扩展到我称之为“class="article-list-item" 的父类？

我试过了

$("article-list-item > contains(translation)").css("display", "none");

但它并没有隐藏样本类 class="article-list-item" 之前的所有内容......有什么想法吗？

Answer 1

你可以使用:has() jQuery 选择器：

$(".article-list-item:has(h4:contains(translation))").css("display", "none");