时间戳

首页 > 解决方案 > 单击该行中的按钮时隐藏表格行

javascript - 单击该行中的按钮时隐藏表格行

问题描述

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

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

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

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

标签： javascriptjquery

解决方案

$("#hiderow")- 这个是 selector by ID，并且 id 对于页面上的所有元素应该是唯一的。所以$("#hiderow")只返回具有该 id 的第一个元素。

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

推荐阅读