Cómo agregar nuevo después del actual

Tengo la siguiente estructura de tabla.

Cuando hago clic en quiero agregar un nuevo

lado de

del cual se hace clic en
.

Entonces el resultado será:

 

Ejemplo:

 $('a').bind('click', function(){ $('new td').insertAfter($(this).closest('tr')); }); 

Si quieres crear un clon usa:

 $('a').live('click', function(){ var $this = $(this), $parentTR = $this.closest('tr'); $parentTR.clone().insertAfter($parentTR); }); 

Enlace de ejemplo: http://www.jsfiddle.net/7A6MQ/

Básicamente, crea una copia del tr element (que incluye nodos secundarios) e inserta esa copia después de ese elemento. Por lo tanto, necesita el enlace .live para asegurarse de que los elementos recién creados también invoquen ese controlador de clic.

Ref .: .clone () , .insertAfter () , .live ()

Además, puedes escribir:

 $('a').bind('click', function () { $(this).closest('tr').after('new td'); }); 

No es tanta la diferencia, pero parece más legible.

Aquí está el código. Por favor verifique y avíseme si hay algún problema.

 function AddRaw(obj){ var $this = obj; $parentTR = $this.closest('tr'); $parentTR.clone().insertAfter($parentTR); }