单击该行中的按钮时隐藏表格行[重复]答案

【问题标题】：Hide table row when clicked on button in that row [duplicate]单击该行中的按钮时隐藏表格行[重复]
【发布时间】：2020-04-05 10:37:42
【问题描述】：

我有一个表格，每一行都有一个带有 id="hiderow" 的删除按钮的列。

我想要的是在单击该行上的按钮时隐藏该特定行。我有这个代码：

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

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

【问题讨论】：

【解决方案1】：

使用class 代替id 来监听事件。

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

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

【讨论】：

【解决方案2】：

$("#hiderow") - 这是ID 的选择器，页面上所有元素的 id 应该是唯一的。所以$("#hiderow") 只返回具有该 id 的第一个元素。

如果您有多个元素并希望对每个元素应用一些逻辑，您应该使用 class 或至少 $("#table>body>tr") 选择器来获取所有元素。

【讨论】：