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

Question

我遇到了数据网格的问题。我有三到四个datagrid一个在另一个下面，对于每个网格，我有动作按钮[select / del / copy / add]，我使用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()就像这样

  

获取第一个祖先元素   匹配选择器，从...开始   当前元素和进展   通过DOM 树。

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

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

Answer 2

你应该使用.next（）jquery函数来只选择下一组要显示的按钮