jquery - Jquery找到一个带有innertext的div并隐藏

Question

我有一个如下的 div，我需要根据内部文本子句隐藏特定的 div。

1. 当内部文本等于单词 XXX 时隐藏 div
2. 当内部文本包含单词 XXX 时隐藏 div

<div>first div <div>second div <div>third div <div style="position: absolute; padding: 2px; top: 0px; left: 1px; color: white;">XXX</div>/div>/div>/div>

Answer 1

利用：

$('div:contains("XXX")')hide()

您应该为 div.say 使用类或 id 选择器：

<div id="txtDiv" style="position: absolute; padding: 2px; top: 0px; left: 1px; color: white;">XXX</div>

脚本：

$('#txtDiv:contains("XXX")')hide()

Answer 2

尝试这个：

$('div:contains("XXX")').hide().parents('div').show();
// hides the div which holds the word 'XXX' and shows the parent

演示

Answer 3

1）您可以使用text()

$.each($('div'), function() {
    if($(this).text() == "XXX" {
        $('div').hide();
    }
});

2）您可以使用:contains 选择器

$('div:contains("XXX")')hide()