javascript - ejemplo - jQuery: borrando fila en datos

jquery remove data attribute

Question

Estoy usando jquery datatables y tengo algunos <tr> dentro de una tabla con la siguiente estructura:

<tr class="odd">
<td class=" sorting_1">0</td>
<td class=" ">2011</td>
<td class=" ">20</td>
<td class=" ">
<span class="btn-group">
<a class="del btn btn-small" href="#"><i class="icon-delete"></i></a>
</span>
</td>
</tr>

Escribí el siguiente código de jQuery para eliminar la fila asociada al botón en el que hago clic.

$(".del").bind("click", function(event){
var target_row = $(this).parent().parent().parent();
var aPos = oTable.fnGetPosition(target_row); // the error occurs here!
oTable.fnDeleteRow(aPos);
});

pero obtengo un error como este:

"TypeError: a.nodeName is undefined" en el archivo de script jquery min.

EDITAR:

Aquí el código para la creación de datos:

if( $.fn.dataTable ) {
$(".mws-datatable").dataTable();
var oTable = $(".mws-datatable-fn").dataTable({
bRetrieve: true,
sPaginationType: "full_numbers"
});
}

Answer 1

Resolví el problema usando este código:

$(".del").bind( "click", function(event) {
var target_row = $(this).closest("tr").get(0); // this line did the trick
var aPos = oTable.fnGetPosition(target_row);
oTable.fnDeleteRow(aPos);
});

Answer 2

$().ready(function () {
$(''body'').on(''click'', ''#deletebtn'', function () {
$("#example1 tr").each(function () {
var rowSelector = $(this);
if (rowSelector.find("input[type=''checkbox'']").prop(''checked'')) {
rowSelector.remove();
}
});
});
});