javascript - 仅当 div 包含某些特定单词时才隐藏它

Question

假设有很多具有相同类的 div，它们将内容动态显示为链接。我如何才能仅删除/隐藏那些包含“体育”、“电视”、“航空公司”等词的 div？

例如

<div class="ns2-category">
    <a href="#">Sports</a>
</div>
<div class="ns2-category">
    <a href="#">Sports</a>
</div>
<div class="ns2-category">
    <a href="#">Magazine</a>
</div>
<div class="ns2-category">
    <a href="#">Airlines</a>
</div>
<div class="ns2-category">
    <a href="#">Television</a>
</div>
<div class="ns2-category">
    <a href="#">Other</a>
</div>

Answer 1

您可以使用下面的 JavaScript 代码:

$("div.ns2-category:has(a:contains('Sports'))").hide();
$("div.ns2-category:has(a:contains('Sports'),a:contains('Television'))").hide(); // either one OR two

编辑:添加带有 div 的类名，用于多个