前端之家收集整理的这篇文章主要介绍了
jQuery中的可折叠表，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我正在尝试创建一个包含可以使用jQuery折叠和扩展的标题行的表.到目前为止,这是我的全部代码：
如果我是正确的,那么英文版的jQuery部分就是：“当点击一个ID为’cat1’的行和一个’header’类的行时,找到所有id为’cat1’的行和一个类“孩子”,每个人都可以滑动.“
然而,当我运行它并点击标题行时,没有任何反应.任何见解？
编辑：在HTML表中添加了第二个类别.对不起,我应该更具体一点.我希望能够单击特定类别的标题行,并且只有那些子行折叠,而不是页面上的所有子行.以这种方式,表表现得像“手风琴”,并且行按类别分组.
最佳答案
这将导致单击仅影响包含您单击的
标题的表中的行,这意味着您可以将其更改为使用css类而不是复制id.
$("tr#cat1.header").click(function () {
$("tr#cat1.child",$(this).parent()).slideToggle("fast");
});
基本上这是单击的标头,我们将其包装在jQuery对象中并调用parent()(返回表),然后将其指定为新查询的上下文.
您的页面现在看起来像这样：
