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); */
});