jQuery ogni ciclo nella riga della tabella

Question

Eventuali duplicati:
How to iterate a table rows with JQuery and access some cell values?

Sto avendo qualcosa di simile:

<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> 

ho scritto jQuery per scorrere ogni ma come :

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

Ma il problema è che scorre attraverso il "tr" di "tblTwo" anche quello che non voglio. Qualcuno può suggerire qualcosa per risolvere questo problema?

Answer 1

in jQuery basta usare

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

tramite il selettore diretta bambini (>) si cammina sopra discendenti immediati (e non tutti discendenti)

---

in VanillaJS si può utilizzare document.querySelectorAll() e camminare sulle righe utilizzando forEach()

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

Answer 2

Uso immediate children selector>:

$('#tblOne > tbody > tr') 

Descrizione: Seleziona tutte elementi figli diretti specificato da "figlio" di elementi specificati da "genitore".

Answer 3

solo una raccomandazione:

Mi consiglia di utilizzare l'implementazione DOM tavolo, è molto semplice e facile da usare, è davvero non hanno bisogno di jQuery per questo compito.

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 
    } 
}