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＆gt; contains（translation）”）。css（“display”，“none”）;

但它并没有隐藏到样本类class =“article-list-item”的所有内容..任何想法？

Answer 1

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

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