jQuery jede Schleife in Tabellenzeile

Question

Mögliche Duplizieren:
How to iterate a table rows with JQuery and access some cell values?

Ich habe so etwas wie:

<table id="tblOne"> 
      <tbody> 
       <tr> 
        <td> 
         <table id="tblTwo"> 
          <tbody> 
           <tr> 
            <td> 
             Items 
            </td> 
           </tr> 
           <tr> 
            <td> 
             Prod 
            </td> 
           </tr> 
          </tbody> 
         </table> 
        </td> 
       </tr> 
       <tr> 
        <td> 
         Item 1 
        </td> 
       </tr> 
       <tr> 
        <td> 
         Item 2 
        </td> 
       </tr> 
      </tbody> 
     </table> 

ich jQuery Schleife durch jede tr geschrieben haben wie :

$('#tblOne tr').each(function() {...code...}); 

Aber Problem ist, dass es durch die "tr" von "tblTwo" auch Schleifen, die ich nicht will. Kann jemand bitte etwas vorschlagen, um dies zu lösen?

Answer 1

in jQuery verwenden nur

$('#tblOne > tbody > tr').each(function() {...code...}); 

die direkte Kinder Selektor (>) erhalten Sie unmittelbaren Nachfolger zu Fuß über (und nicht alle Abkömmlinge)

---

in VanillaJS Sie können Verwenden Sie document.querySelectorAll() und gehen Sie über die Zeilen mit forEach()

[].forEach.call(document.querySelectorAll('#tblOne > tbody > tr'), function(tr) { 
    /* console.log(tr); */ 
}); 

Answer 2

Verwenden immediate children selector>:

$('#tblOne > tbody > tr') 

Beschreibung: Wählt alle direkte Elemente Kind spezifiziert durch "Kind" von Elemente von "Eltern" angegeben.

Answer 3

Nur eine Empfehlung:

Ich würde empfehlen, die DOM-Tabelle Implementierung verwenden, ist es sehr einfach und leicht zu bedienen, Sie jQuery wirklich nicht brauchen für diese Aufgabe.

var table = document.getElementById('tblOne'); 

var rowLength = table.rows.length; 

for(var i=0; i<rowLength; i+=1){ 
    var row = table.rows[i]; 

    //your code goes here, looping over every row. 
    //cells are accessed as easy 

    var cellLength = row.cells.length; 
    for(var y=0; y<cellLength; y+=1){ 
    var cell = row.cells[y]; 

    //do something with every cell here 
    } 
}