我有一个包含10个td元素的tr表。 tr是动态生成的。例如
<tr id = "<?php echo $count; ?>" >
<td>name </td>
<td>info </td>
...
...
<td><a href="delete.php">delete</a></td>
</tr>
我想做的是,当我单击删除链接时,使用ajax转到删除页面做需要的事,然后在没有页面刷新的情况下删除该行。
我的问题是如何获取jquery中的ID?还是有其他方法可以解决,但我希望使用jquery实现此特定目的。谢谢
最佳答案
您可以这样做:
$("a[href='delete.php']").click(function(e){
var tr = $(this).closest('tr'),
id = tr[0].id;
// Put your AJAX call here
$.post('/delete/' + id, function(){
// Animate up, then remove
tr.slideUp(500, function(){
tr.remove();
});
});
});
closest()
在DOM树中向上移动,以查找与选择器匹配的祖先。在这种情况下,我们正在寻找第一个tr
。我还可以使用parent()
并获得相同的结果。