1

cómo puedo utilizar el siguiente código, para que cambie los ids desde el segundo tr u omita el primer tr, ya que la tabla tiene un tr inicial que muestra los nombres de las columnas el cual no se manejan datos.

parent.children("tbody").children("tr").each(function(e){
       $(this).attr('id', (e));
});

Cualquier ayuda es bienvenida.

4 respuestas 4

3

Saca los nombres de las columnas del tbody y ponlos en el thead

Ejemplo

<table>
    <thead>
         Tr's nombres de columna (cabecera)
    </thead>
    <tbody>
        Tr's cuerpo de la tabla
    </tbody>

De esta forma utilizas las etiquetas que provee html para tal fin y evitas tener que saltar el primer tr

1
  • me funcionó a la primera, muchas gracias. Commented el 19 ene. 2018 a las 15:55
1

Prueba a utilizar gt(), este te permite indicar de cuál empezar:

parent.children("tbody").children("tr:gt(0)").each(function(e){
       $(this).attr('id', (e));
});
1

mira podrias hacer lo siguiente, al tbody ponle un id,

 <tbody id="tb">
    <tr></tr>
    <tr></tr>
    <tr></tr>
    <tr></tr>
</tbody>

Luego con javascript , usando jquery puedes darle estilo a los tr o hacer con ellos lo que desees

$("#tb").children("tr").each(function(index,obj){ // index te da las cant 0 1 2 3 ... y obj te da el objeto en si <tr>bbb</tr>  <tr>aaaa</tr>  

     if(index > 0 ){ //trabajas con los que index > 0 para omitir el primero
         $(obj).css('color','red')
    }

});
1

El mismo método de .each tiene integrado un parametro para poder saber en que index vamos sobre los elementos que encuentra.

Hay que recordar que el método .each recorre un array de elementos que coincidan.

Simplemente sería poner como parametro index, y una condicional que valide que solo tome a partir del segundo tr.

https://api.jquery.com/each/

$(document).ready(function(){

  $('table').children("tbody").children("tr").each(function(index, e){
     if( index >= 1){
        console.log($(this).attr('id'));
     }
  });
});
table tr td{
  border:1px solid black;
}
<table>
  <tbody>
    <tr id="firstRow">
      <td>Primer fila</td>
    </tr>
    <tr id="secondRow">
      <td>Segunda fila</td>
    </tr>
    <tr id="thirdRow">
      <td>Tercer fila</td>
    </tr>
    <tr id="fourthRow">
      <td>Cuarta fila</td>
    </tr>
  </tbody>
</table>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.