如何使用JQuery删除行
如何使用JQuery删除行
提问于 2013-01-05 13:11:54
我有一个为用户显示数据的表。每行可以有2个函数，一个用于删除记录，另一个用于编辑记录。行本身有一个id，我需要在delete和edit函数中引用它。我有一段时间很难让它正常工作。
右边的最后一个单元格用于删除图像。当我只单击删除图标时，即使我在not()中指定了删除单元格，也会收到来自该行的警告。
我遇到的最后一个问题是$.post没有传递任何POST值。即使我手动设置，我也无法在服务器端看到它。
到目前为止，这是我的代码。
$('#drafts').find('tr').not(':first-child, td.delete').click( function(){
alert(this.id);
});
$("td.delete").click(function(){
var id = this.id;
$.post('test.php',id, function(){
$('#'+id).remove();
},'json');
});
<tr id="5">
<td>test1</td>
<td>test2</td>
<td class="delete"> </td>
</tr>回答 2
Stack Overflow用户
回答已采纳
发布于 2013-01-05 13:22:04
使用以下代码：
$("td.delete").click(function(){
var id = $(this).parents('tr').eq(0).attr('id');
$.post('test.php', {'id': id}, function(){
$('#'+id).remove();
},'json');
});下面是你的edit动作(但我不知道你想在这里做什么)：
$("td.edit").click(function(){
var id = $(this).parents('tr').eq(0).attr('id');
// now you have `id` of current row
// write your code here
});您说过，除了delete单元格之外，您想要edit操作的整个行：
$("tr td:not(.delete)").click(function(){
var id = $(this).parents('tr').eq(0).attr('id');
$.post('test.php', {'id': id}, function(){
$('#'+id).remove();
},'json');
});Stack Overflow用户
发布于 2013-01-05 13:24:05
删除时不需要使用ID。只需一行一行地遍历：
$("td.delete").click(function (){
var $row = $(this).closest('tr');
$.post('test.php',{id: $row.attr('id')}, function(){
$row.remove();
},'json');
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14168845
复制相关文章
相似问题
腾讯云开发者
