Zugriff auf Elemente auf einer Webseite mit IDs, die eine bestimmte Zeichenfolge enthalten

Question

Ich bin neu in Javascript und Webentwicklung, also ist dies eine ziemlich grundlegende Frage (obwohl ich herumgesucht habe). Ich muss auf eine Tabelle zugreifen, die viele Spalten enthält, von denen eine Zeilen mit den Namen von Personen enthält. In jeder Zeile für den Text die ID, die die Namen der Person hält, ist Setup wie diese

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

in der nächsten Zeile ist es es wie dies

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

Also, um durch alle Elemente zu durchlaufen wäre die Namen enthalten, kann ich trotzdem einfach über alle IDs iterieren, die "MTG_INSTR" enthalten? Wenn nicht, wie würden Sie es angehen?

haben auch keine Ahnung, was das $ 0 am Ende == hat

Answer 1

Versuchen document.querySelectorAll mit 'span[id^="MTG_INSTR"]' Selektor:

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>

Denken Sie daran, Sie können auch das gleiche Ergebnis Auswahl erreichen durch die Klasse:

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>