¿Cómo añades filas a una tabla usando jQuery?

Hola. Estaba intentando agregar una fila a una tabla usando jQuery, pero no está funcionando.
¿Cuál podría ser la razón?

Y, ¿puedo agregar algún valor a la fila recién agregada?

Aquí está el código:

    $('a').click(function() { $('#myTable').childs('tr').append('blahblah'); });     Link 
test

Supongo que desea agregar esta fila al elemento

, y simplemente usar append() en la

insertará el

fuera de

, con resultados quizás indeseables.

 $('a').click(function() { $('#myTable tbody').append('blahblah'); }); 

EDITAR: Aquí está el código fuente completo, y de hecho funciona: (Note el $(document).ready(function(){}); que no estaba presente antes.

        Link 
test

El siguiente código funciona

         test 
test

Tenga en cuenta que esto funcionará a partir de jQuery 1.4 incluso si la tabla incluye un elemento

:

jQuery desde la versión 1.4 (?) detecta automáticamente si el elemento que está intentando insertar (utilizando cualquiera de los métodos append (), prepend (), before () o after () es un

y lo inserta en el primero

en tu mesa o envuelve en un nuevo

si no existe uno.

Tal vez esta es la respuesta que estás buscando. Encuentra la última instancia de

y agrega la nueva fila después de ella:

  

Siempre uso este código a continuación para leer más

 $('table').append([ '', 'My Item 1', 'My Item 2', 'My Item 3', 'My Item 4', '' ].join('')); 

o si tiene tbody

 $('table').find('tbody').append([ '', 'My Item 1', 'My Item 2', 'My Item 3', 'My Item 4', '' ].join('')); 

Deberías anexar a la tabla y no a las filas.

  

Tratar:

 $("#myTable").append("<%= escape_javascript( render :partial => name_of_partial ) %>"); 

Y en el partial , debes tener:

 row1 row2 

Probado y trabajando

Para agregar como primera fila en la tabla

 $(".table tbody").append("New row"); 

Para agregar como última fila en la tabla

 $(".table tbody").prepend("New row");