Javascript如果列表元素包含'Whatever'，则不显示

Question

我在html中有一些代码，如

<li id="1"></li>
<li id="2">Whatever</li>
<li id="3"></li>

我有什么方法可以做到这一点，如果li包含一段文字，它将不会显示，但所有其他的lis将不受影响？

Answer 1

您可以遍历li并使用document.getElementById(id).innerHTML获取其中的值以进行比较，如果是，use document.getElementById(id).style.display = 'none';

Answer 2

var list = document.getElementsByTagName("li");

for(var i = 0; i < list.length; i++){
    if(list[i].textContent === "Whatever"){
        list[i].style.display = "none";
    }
}

<强> Live Demo

Answer 3

以下是一些使用精确/非精确匹配的示例，区分大小写且不敏感。

http://jsfiddle.net/ZgrzL/

编辑：哇，我很慢。