如何检查特定字符串是否在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")

//or

pList[0].innerHTML.indexOf("High") !== -1

pList[1].innerHTML.indexOf("High") !== -1

但是我得到的所有节点都是真的，而不是 pList[0] 的真和 pList[1] 的假。

Answer 1

试试这个。基于正则表达式的解决方案。var regex = /\bHigh\b/i;regex.test(pList[0]);regex.test(pList[1]);//orpList[0].innerHTML.search(regex) !== -1pList[1].innerHTML.search(regex) !== -1