jQuery cada bucle en la fila de la tabla

Question

Duplicar posibles:
How to iterate a table rows with JQuery and access some cell values?

estoy teniendo algo como:

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

He escrito jQuery para recorrer cada tr como :

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

Pero el problema es que también pasa por el "tr" de "tblTwo" que no quiero. ¿Alguien puede sugerir algo para resolver esto?

Answer 1

en jQuery sólo tiene que utilizar

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

usando el selector de los niños directa (>) usted tendrá que caminar sobre los descendientes inmediatos (y no todos descendientes)

---

en VanillaJS le puede use document.querySelectorAll() y camine sobre las filas usando forEach()

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

Answer 2

Uso immediate children selector>:

$('#tblOne > tbody > tr') 

Descripción: Selecciona todos los elementos secundarios directos especificado por "niño" de elementos especificados por el "padre".

Answer 3

Sólo una recomendación:

me gustaría recomendar el uso de la aplicación mesa de DOM, es muy sencillo y fácil de usar, que realmente no es necesario jQuery para esta tarea.

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