jquery父选择器与包含选择器组合

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=”文章列表项目“？

我试过了

$(“文章列表-项目>包含(翻译)”).css(“显示”，“无”)；

但它不会隐藏样例类class=“文章-列表-项目”之前的所有内容。有什么想法吗？

Answer 1

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

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