jquery 查找动态生成的tr标签的ID

Question

我有一个包含 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 用于此特定目的。谢谢

Answer 1

你可以这样做：

$("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() 并得到相同的结果。