jQuery中的可折叠表

前端之家收集整理的这篇文章主要介绍了jQuery中的可折叠表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在尝试创建一个包含可以使用jQuery折叠和扩展的标题行的表.到目前为止,这是我的全部代码

如果我是正确的,那么英文版的jQu​​ery部分就是:“当点击一个ID为’cat1’的行和一个’header’类的行时,找到所有id为’cat1’的行和一个类“孩子”,每个人都可以滑动.“

然而,当我运行它并点击标题行时,没有任何反应.任何见解?

编辑:在HTML表中添加了第二个类别.对不起,我应该更具体一点.我希望能够单击特定类别的标题行,并且只有那些子行折叠,而不是页面上的所有子行.以这种方式,表表现得像“手风琴”,并且行按类别分组.

最佳答案
这将导致单击仅影响包含您单击的标题的表中的行,这意味着您可以将其更改为使用css类而不是复制id.

$("tr#cat1.header").click(function () { 
   $("tr#cat1.child",$(this).parent()).slideToggle("fast");
});

基本上这是单击的标头,我们将其包装在jQuery对象中并调用parent()(返回表),然后将其指定为新查询的上下文.

您的页面现在看起来像这样:

原文链接:https://www.f2er.com/css/427688.html

猜你在找的CSS相关文章