如何检查特定字符串是否在innerhtml中？

Question

让我们假设这里有一堆这样的 html：<p>High noon</p><p>Highest rank!</p>使用 querySelectorAll 来获取它们：const pList = document.querySelectorAll("p");然后我想知道字符串“high”是否存在于ES4中的每个节点中。我尝试了 include() 和 indexOf()：pList[0].innerHTML.includes("High")pList[1].innerHTML.includes("High")//orpList[0].innerHTML.indexOf("High") !== -1pList[1].innerHTML.indexOf("High") !== -1但是我得到的所有节点都是真的，而不是 pList[0] 的真和 pList[1] 的假。

Answer 1

试试这个。基于正则表达式的解决方案。

var regex = /\bHigh\b/i;

regex.test(pList[0]);

regex.test(pList[1]);

//or

pList[0].innerHTML.search(regex) !== -1

pList[1].innerHTML.search(regex) !== -1