如何访问ID包含特定字符串的网页上的元素

Question

我是javascript和Web开发的新手，所以这是一个非常基本的问题（尽管我已经搜索过）。 我需要访问一个包含许多列的表，其中之一包含人名行。 在每一行中，以这种方式设置用于保存人名的文本的ID

<span class="PSLONGEDITBOX" id = "MTG_INSTR$2"> JOHN DOE </span> == $0

在下一行中将是这样

<span class="PSLONGEDITBOX" id = "MTG_INSTR$3"> BOB DAVID </span> == $0

因此，为了遍历包含名称的所有元素，我是否可以简单地遍历包含“ MTG_INSTR”的所有ID？ 如果没有，您将如何处理？

还不知道最后== $ 0会做什么

Answer 1

尝试将document.querySelectorAll与'span[id^="MTG_INSTR"]'选择器一起使用：

 var els = document.querySelectorAll('span[id^="MTG_INSTR"]'); console.log(els); els.forEach(x => console.log(x.innerText)); 

 <span class="PSLONGEDITBOX" id = "MTG_INSTR$2"> JOHN DOE </span> <span class="PSLONGEDITBOX" id = "MTG_INSTR$3"> JOHN DOE </span> <span class="PSLONGEDITBOX" id = "NMTG_INSTR$2"> JOHN DOE </span> 

请记住，您也可以通过类选择来达到相同的结果：

 var els = document.getElementsByClassName("PSLONGEDITBOX"); console.log(els); var els = document.querySelectorAll(".PSLONGEDITBOX"); console.log(els); 

 <span class="PSLONGEDITBOX" id = "MTG_INSTR$2"> JOHN DOE </span> <span class="PSLONGEDITBOX" id = "MTG_INSTR$3"> JOHN DOE </span> <span class="PSLONGEDITBOX" id = "NMTG_INSTR$2"> JOHN DOE </span>