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

Question

假设这里有一堆这样的html：

<p>High noon</p>
<p>Highest rank!</p>

使用 querySelectorAll 获取它们：

const pList = document.querySelectorAll("p");

然后我想知道 ES4 的每个节点中是否存在字符串“high”。

---

我尝试了包括（）和 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]);
//or
pList[0].innerHTML.search(regex) !== -1
pList[1].innerHTML.search(regex) !== -1