特定の文字列を含むIDを持つWebページ上の要素にアクセスする方法

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"を含むすべてのidsを繰り返し処理することができますか？もしそうでなければ、どのようにそれにアプローチしますか？あなたも同じ結果選択を達成することができます覚えておいてください

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>

：

また、それが最後に$ 0 ==何見当がつかない

Answer 1

は'span[id^="MTG_INSTR"]'セレクタでdocument.querySelectorAllを使用してみてくださいんクラス：

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>