jQuery onclick eliminar fila de tabla

¿Cómo eliminar la fila de la tabla al hacer clic?

Aquí hay un jsfiddle .

Quiero eliminar solo la fila en la cual el enlace está nested, no la última fila como está haciendo el script ahora.

Al hacer delTableRow() función delTableRow() debe cambiar esa función para eliminar la fila del enlace anidada.

   function addTableRow(jQtable){ jQtable.each(function(){ var tds = ''; jQuery.each($('tr:last td', this), function() {tds += ''+$(this).html()+'';}); tds += ''; if($('tbody', this).length > 0){$('tbody', this).append(tds); }else {$(this).append(tds);} }); } function delTableRow(jQtable){ jQtable.each(function(){ $('tr:last', this).remove(); }); }  
11 12 13 del
21 22 23 del
31 32 33 del

elimine el onclick y reemplace con una clase (es decir, clase = “eliminar”). vincule el evento a la tabla: esto le dará una ganancia de rendimiento en comparación con tener muchos controladores de eventos y se asegurará de que las nuevas filas agregadas obedecerán también este comportamiento.

 $('table').on('click','tr a.remove',function(e){ e.preventDefault(); $(this).closest('tr').remove(); }); 

elimine todo su javascript en línea y use el evento de clic …. no es necesario que llame al evento onclick en el attr … y esto debería $(this).parents('tr').remove(); truco .. $(this).parents('tr').remove();

prueba esto

    //---^---here remove the onclick inline function for all..  .... 
11 12 13 del

trabajando el violín aquí

 $('td a').on('click',function(e){ //delete code. e.preventDefault(); $(this).parent().parent().remove(); // OR $(this).parents('tr').remove(); }); 
 $('td a').on('click',function(){ e.preventDefault(); $(this).parent().parent().remove(); }); 

Utilizar

 $(this).parent().parent().remove(); 

en las tags de anclaje. Entonces, si su enlace es un hijo de un td, que es un hijo de tr, entonces tr será eliminado.