1

Actualmente inserto datos en los td del body de mi tabla de esta forma:

<table id="table1">
  <thead>
    <tr>
      <th>Nombre</th>
      <th>Apellido</th>
    </tr><!--aca necesito insertar otro th-->
  </thead>

  <tbody>
    <tr>
      <td>Jorge</td>
      <td>Casas</td>
    </tr>
    <tr>
      <td>Juan</td>
      <td>Perez</td>
    </tr>
  </tbody>
</table>



$('#table1').append('<tr id='+token+'><td>'+variable1+'</td><td >'+variable2+'</td><td>'+variable4+'</td><td><button  type="button" onclick="Eliminar()" class="btn btn-warning"> Eliminar </button></td></tr>')

De que forma podría insertar en el th en el thead de mi tabla ?

$('#table1 thead').append('<tr><th>Prueba</th></tr>');//estaba probando con esto pero no lo inserta de forma correcta
2
  • 1
    Ya he entendido el problema con el comentario //aca necesito insertar otro th recuerda que en html es: <!-- aca necesito insertar otro th --> el 16 may. 2017 a las 14:15
  • Ya que he visto que se me han adelantado varias respuestas, yo te sugeriría hacer la búsqueda del elemento usando #table1 > thead > tr usando el selector de hijos de la manera que te sugiero en mi respuesta. Así evitas tener que encadenar múltiples llamadas .find(). Un saludo. el 16 may. 2017 a las 14:18

4 respuestas 4

2

Yo te sugeriría hacer la búsqueda del elemento usando #table1 > thead > tr usando el selector de hijos de la siguiente manera:

$('#table1 > thead > tr').append('<th>Prueba</th>');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="table1">
  <thead>
    <tr>
      <th>Nombre</th>
      <th>Apellido</th>
    </tr> <!-- aca necesito insertar otro th -->
  </thead>

  <tbody>
    <tr>
      <td>Jorge</td>
      <td>Casas</td>
    </tr>
    <tr>
      <td>Juan</td>
      <td>Perez</td>
    </tr>
  </tbody>
</table>

1

Puedes probar de esta forma, primero tu tabla $('#table1') después de eso encuentra el tag <thead> nuevamente busca tu tag <tr> y ahora si le das append()

$('#table1').find('thead').find('tr').append('<th>Direccion</th>');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="table1">
  <thead>
    <tr>
      <th>Nombre</th>
      <th>Apellido</th>
    </tr>//aca necesito insertar otro th
  </thead>

  <tbody>
    <tr>
      <td>Jorge</td>
      <td>Casas</td>
    </tr>
    <tr>
      <td>Juan</td>
      <td>Perez</td>
    </tr>
  </tbody>
</table>

Saludos

1

Para hacer eso, lo que yo haría sería coger la tabla por su id, coges el últimoth de la tabla y después insertas otro, así:

<html>
<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

	
</head>
<body>
<table id="table1">
  <thead>
    <tr>
      <th>Nombre</th>
      <th>Apellido</th>

    </tr>//aca necesito insertar otro th
  </thead>

  <tbody>
    <tr>
      <td>Jorge</td>
      <td>Casas</td>
    </tr>
    <tr>
      <td>Juan</td>
      <td>Perez</td>
    </tr>
  </tbody>
</table>
  
<script> $("#table1 th:last").after("<th>Prueba</th>"); </script>

</body>
</html>

-2

Debes intentar con lo siguiente:

$('#table1 thead').find('tr').append( /*lo que necesites agregar*/ )
1
  • 1
    -2? no es tan mala la rta como para freirlo a negativos. el 16 may. 2017 a las 13:56

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.