Jquery 基于id显示行

Jquery 基于id显示行,jquery,Jquery,我有一个表结构,其中行来自如下数据库: @foreach(模型中的变量项) ... 数据集1显示更多 数据集1中的数据 id值在文档中必须是唯一的。在tr和按钮上不能有相同的id 解决方法是:根本不要使用id。在按钮上放置一个类,并使用遍历查找要切换的行。我可能还会在表上使用委托处理程序,而不是每个按钮 $(“#表格”)。在(“单击”,“显示更多”,函数()){ $(this).closest(“tr”).next().toggle(); }); 数据集1显示更多 数据集1中的数据 数据集4

我有一个表结构,其中行来自如下数据库:
@foreach(模型中的变量项)
...
数据集1显示更多
数据集1中的数据

id
值在文档中必须是唯一的。在
tr
按钮上不能有相同的
id

解决方法是:根本不要使用
id
。在按钮上放置一个类,并使用遍历查找要切换的行。我可能还会在表上使用委托处理程序,而不是每个按钮

$(“#表格”)。在(“单击”,“显示更多”,函数()){
$(this).closest(“tr”).next().toggle();
});

数据集1显示更多
数据集1中的数据
数据集4显示了更多信息
数据集4中的数据
数据集5显示更多
数据集5中的数据
数据集6显示更多
数据集6中的数据

id
值在文档中必须是唯一的。
tr
按钮上不能有相同的
id
。而且
$('id')
无效。它需要是
(“#id”)
作为一个文本,或者
$(“#”+id)
如果id是一个变量,现在我看到数据集1(按钮)数据集4(按钮)数据集5(按钮)数据集6(按钮),但按下按钮什么都不会带来。@Paul#412-我不确定你的意思。上面清楚地切换到了下一行,请看实时示例。我已经看到了实时示例。这正是我想要的。在我的环境中,它还不起作用。我正在使用asp.net,并已将脚本打包到_Layout.cshtml中。我希望能找到我这边的错误,谢谢。现在它起作用了。你能给我解释一下隐藏/显示类的解决方案吗?@Paul_412-基本上你从行上的类开始,而不是
样式
,在CSS中将类定义为
。类{display:none;}
,然后使用
.toggleClass(“类”)
,而不是
.toggle()
。有一件事可以帮你,如果你喜欢的话,你可以在CSS中定义转换(对于insatnce,让行向下或向上滑动,而不仅仅是出现/消失)。更多: