javascript - 如何访问网页上 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>