javascript - sumar - jQuery cada bucle en la fila de la tabla

seleccionar fila tabla html jquery

Question

Posible duplicado:
¿Cómo iterar las filas de una tabla con JQuery y acceder a algunos valores de celda?

Estoy teniendo algo así 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 pasa a través del "tr" de "tblTwo" también que no quiero. ¿Alguien puede sugerir algo para resolver esto?

Answer 1

Solo una recomendación:

Recomiendo usar la implementación de la tabla DOM, es muy sencillo y fácil de usar, realmente no necesita 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
}
}

Answer 2

Use el selector inmediato de niños > :

$(''#tblOne > tbody > tr'')

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

Answer 3

en jQuery solo use

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

utilizando el selector directo de niños ( > ) caminará sobre los descendientes inmediatos (y no todos los descendientes)

en VanillaJS puedes usar document.querySelectorAll() y recorrer las filas usando forEach()

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