我有一个包含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为此特定目的。感谢
答案 0 :(得分:9)
你可以这样做:
$("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()
并获得相同的结果。