2013-07-06 13 views
16

Ich bin mit jquery Datentabellen und ich habe einig <tr> in einer Tabelle mit folgenden Struktur:jQuery: Löscht Zeile in Datentabellen

<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> 

I writed den folgenden jQuery-Code die Zeile zum Löschen auf die Schaltfläche I zugeordnet klicke auf.

$(".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); 
      }); 

aber ich erhalten einen Fehler wie folgt aus:

"TypeError: a.nodeName is undefined" in jquery min Skriptdatei.

EDIT:

Hier ist der Code für die Erstellung von Datentabellen:

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

bitte Ihre ganze relevante jQuery schreiben code :) und versuche, jquery von Google APIs zu integrieren und zu sehen, dass es funktioniert –

+0

Was ist die Logik in der FnGetPosition-Funktion? – Hearaman

+0

Ich habe bereits versucht, Google APIs CDN zu verwenden, aber es funktioniert nicht. @Hearaman hier können Sie die Logik og fnGetPosition finden: http://datatables.net/ref#fnGetPosition – GVillani82

Antwort

51

ich das Problem mit diesem Code gelöst:

$(".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); 
}); 
+5

+1: Sie sollten dafür ein hundert upvotes bekommen. Vielen Dank! – naveen

+2

Funktioniert nicht mit der neuesten Version :( – Nitesh

1
$().ready(function() { 
    $('body').on('click', '#deletebtn', function() { 
    $("#example1 tr").each(function() { 
     var rowSelector = $(this); 

     if (rowSelector.find("input[type='checkbox']").prop('checked')) { 
     rowSelector.remove(); 
     } 
    }); 
    }); 
}); 
Verwandte Themen