jQuery 在数据网格上显示/隐藏问题

Question

我遇到数据网格问题。我有三到四个数据网格，一个在另一个网格下面，对于每个网格，我都有操作按钮[选择/删除/复制/添加]，我使用 jquery 显示和隐藏这些按钮。

每个数据网格都有不同的id，并通过jquery控制显示和隐藏。但是当我单击第一个网格时，下一个网格也会显示该控件，尽管它具有不同的 id。

我知道这里涉及一些高级的 jquery 脚本，如果有人研究这个将会有很大的帮助。

http://jsfiddle.net/pixelfx/3fwyf/16/

谢谢，拉维。

Answer 1

问题是您正在切换两组按钮..

如果您的 html 结构如您的示例那么您应该删除这两个切换

$('#actn_btns').toggle();
$('#actn_btns1').toggle();

并在其位置添加 $(this).closest('table').next().toggle(); 。

示例位于 http://jsfiddle.net/3fwyf/19/

另一个问题是，表中存在重复的 id 元素。不要这样做..

<小时/>

更新

.closest()像这样工作

Get the first ancestor element that matches the selector, beginning at the current element and progressing up through the DOM tree.

.minus 和 .add 不是祖先。因此，我们需要首先向上找到 .child 和 .minus 元素是当前节点的子元素的位置，然后向下查找它们。

$(this).closest('tr').find('.minus, .add').toggle();