使用vanilla javascript隐藏包含特定文本的标记

Question

我有这个代码隐藏了一个只包含一个特定单词的div,我一直在尝试(没有运气)隐藏任何包含这个单词的div,但也包含更多文本.

任何帮助将不胜感激,谢谢!

let divs = document.getElementsByClassName('test');

for (let x = 0; x < divs.length; x++) {
    let div = divs[x];
    let content = div.innerHTML.trim();
  
    if (content == 'example') {
       div.style.display = 'none';
    }
}

<div class="test">
    ipsum
</div>
<div class="test">
    example
</div>
<div class="test">
    example complete
</div>

Answer 1

你可以使用JavaScript string.includes().

哈克办法只能删除包含在div 更多的则只有"examaple"是有"example "在includes().如果innerHTML在"example"后面有一个空格,这只会删除div

let divs = document.getElementsByClassName('test');

for (let x = 0; x < divs.length; x++) {
    let div = divs[x];
    let content = div.innerHTML.trim();
  
    if (content.includes('example')) {
        div.style.display = 'none';
    }
}

<div class="test">
    ipsum
</div>
<div class="test">
    example
</div>
<div class="test">
    example complete
</div>