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使用class或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

Demo

Answer 3

1）您可以使用text()

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

2）您可以使用:contains selector

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