jQuery:删除数据表中的行
jQuery:删除数据表中的行
提问于 2013-07-07 00:19:31
我正在使用jquery datatables，并且在一个具有以下结构的表中有一些<tr>：
<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>我编写了以下jquery代码，用于删除与我单击的按钮相关联的行。
$(".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);
});但是我得到了一个类似这样的错误：
jquery min脚本文件中的"TypeError: a.nodeName is undefined"。
编辑：
下面是创建数据表的代码：
if( $.fn.dataTable ) {
$(".mws-datatable").dataTable();
var oTable = $(".mws-datatable-fn").dataTable({
bRetrieve: true,
sPaginationType: "full_numbers"
});
}回答 2
Stack Overflow用户
回答已采纳
发布于 2013-07-07 00:34:48
我用下面的代码解决了这个问题：
$(".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);
});Stack Overflow用户
发布于 2017-01-10 23:27:25
$().ready(function () {
$('body').on('click', '#deletebtn', function () {
$("#example1 tr").each(function () {
var rowSelector = $(this);
if (rowSelector.find("input[type='checkbox']").prop('checked')) {
rowSelector.remove();
}
});
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17504753
复制相关文章
相似问题