broncon en JQuery

[elhombredeblanko]

quiero asignarles numero a mis TD en una tabla y hasta hoy si lo hago pero lo acomoda horizontalmente y lo kiero verticalmente

tengo una tabla normal

<table id="mitabla">
<tr id="fila1">
<td><label></label></td>
<td><label></label></td>
</tr>
<tr id="fila2">
<td><label></label></td>
<td><label></label></td>
</tr>
</table>

y quiero recorrer la tabla para meter ujn numero en cada laberl

que me quede asi

1 - 5
2 - 6
------
3 - 7
4 - 8

tengo este codigo

$('table').find('td label').each(function()
{
$(this).text(conteo);
conteo++;
});

pero me muestra los numeros asi

1 - 2
3 - 4
-----------
5 - 6
7 - 8

espero alguien pueda ayudarme y me haya explicado :(

gracias de antemano amigos

[alexg88]

Buenas,

Podrías hacer algo así:

Código Javascript:

var conteo = 1;
 
var rows = $('table tr').length;
 
var $table =  $('table');
 
for (var i = 1; i <= rows; i++)
{
    $table.find('td:nth-child(' + i + ') label').each(
        function()
        {
            $(this).text(conteo++);
        });
}
 

Un saludo.

[Reedyseth]

@alexg88

Anduve analizando tu lógica y me parecio muy buena, jeje, la verdad tuve que analizar cada linea para saber exactamente como funcionaba y al final di con el clavo. Así como yo puede haber gente que no le entienda, por lo tanto pongo tu codigo comentado con lo que entendi a ver si extiendo mas la respuesta a la pregunta de @elhombredeblanko

Código Javascript:

// Inicia el contador
var conteo = 1;
// Se obtiene el numero de filas (tr) que hay en la tabla
var rows = $('table tr').length;
// Se crea un objeto del tag table para hacer referencia mas fácil
var $table =  $('table');
// Para el número de filas se va a hacer un bucle
for (var i = 1; i <= rows; i++)
{   /*  Buscar dentro de la tabla el elemento i, como existen 2 elementos 'td label' asignar su valor.
        La primera iteración va y busca los primeros td de tr osea 'nth-child(1)' quedando la tabla así
        <table id="mitabla" border="1">
            <tr id="fila1">
                <td><label>1</label></td> ----> Primer elemento de nth-child(1)
                                                        Primera iteración cuando i=1 - es recorrido por each
                <td><label>3</label></td> ----> Primer elemento de nth-child(2)
                                                        Primera iteración cuando i=2 - es recorrido por each
            </tr>
            <tr id="fila2">
                <td><label>2</label></td> ----> Segundo elemento de nth-child(1)
                                                        Primera iteración cuando i=1 - es recorrido por each
                <td><label>4</label></td> ----> Primer elemento de nth-child(2)
                                                        Primera iteración cuando i=2 - es recorrido por each
            </tr>
        </table>
    */
                $table.find('td:nth-child(' + i + ') label').each(function() {
                 $(this).text(conteo++);
                });
}});
 

Saludos

[elhombredeblanko]

muchas gracias amigos, sus respuestas me fueron de gran ayuda

saludos