Javascript 单击该行中的按钮时隐藏表行

我有一个表，每行有一列，列上有一个id为“hiderow”的删除按钮

我想要的是在单击该行上的按钮时隐藏该行。我有以下代码：

$(document).ready(function(){
  $("#hiderow").click(function(){$(this).parents("tr").hide(); })
});

疯狂的是，它只适用于第一排。如果我在第二行或其他行执行此操作，它将不起作用。如何解决此问题？

$（“#hiderow”）

-此选项是由

ID

选择的，并且对于页面上的所有元素，ID应该是唯一的。所以

$（“#hiderow”）

只返回具有该id的第一个元素

---

如果您有多个元素，并且希望对每个元素应用一些逻辑，您应该使用class或至少

$（“#table>body>tr”）

选择器来获取所有元素。

使用

class

而不是

id

来侦听事件

$(document).ready(function(){
  $(".hiderow").click(function(){$(this).parents("tr").hide(); })
});

<td class="hiderow">your content</td>

$（文档）.ready（函数（）{
$（“.hiderow”）。单击（函数（）{$（this.parents（“tr”）.hide（）；}）
});
你的内容

你能发布你的HTML吗？为tr分配一个id，获取点击按钮的id，然后用这个id隐藏行