javascript – html折叠/展开的树

发布时间：2020-12-14 22:53:55 所属栏目：资源来源：网络整理

导读：我正在使用this代码在html中生成一个树,问题是,每次刷新页面时树都会扩展. 我想创建它,以便当我打开页面时,一些分支将被展开,一些分支将被折叠,具体取决于它具有的属性. 例如：当我打开页面时,我想看到父母2的孩子,而不是父母1的孩子. 我是html的新手,对css

我正在使用this代码在html中生成一个树,问题是,每次刷新页面时树都会扩展.

我想创建它,以便当我打开页面时,一些分支将被展开,一些分支将被折叠,具体取决于它具有的属性.

例如：


当我打开页面时,我想看到父母2的孩子,而不是父母1的孩子.
我是html的新手,对css和javascript全新.所以任何建议都会有所帮助.


最佳答案
您可以在代码的开头添加每个元素标记的关闭,使用其图标类折叠.
码：

$('.tree li.parent_li > span').each(function(i,e){
    if ($(this).find('i').hasClass("icon-plus-sign")){
        $(this).parent('li.parent_li').find(' > ul > li').hide();
    }
});

演示：http://jsfiddle.net/q3DQ2/
                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!