Javascript li toggle和toggleclass儿童
我有一个脚本来显示文件夹和文档,就像一个带有列表的资源管理器树,但我认为有一个更好的方法:Javascript li toggle和toggleclass儿童,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个脚本来显示文件夹和文档,就像一个带有列表的资源管理器树,但我认为有一个更好的方法: $(函数(){ $(“.子菜单”)。单击(函数(e){ if($(e.target).parent().hasClass('子菜单')){ e、 停止传播(); $(this).children('label').children('i').toggleClass('fa-folder-fa folder-open'); //$(this).find('label>i').toggleClass('fa
$(函数(){
$(“.子菜单”)。单击(函数(e){
if($(e.target).parent().hasClass('子菜单')){
e、 停止传播();
$(this).children('label').children('i').toggleClass('fa-folder-fa folder-open');
//$(this).find('label>i').toggleClass('fa-folder-fa-folder-open');
$(this.children('ul').toggle();
}
});
});代码>
ul{
列表样式:无;
}
.子菜单ul{
显示:无;
}
-
目录1
-
目录2
-
目录3
- doc1.pdf
- doc2.pdf
- doc3.pdf
- doc4.pdf
您可以使用这些选择器
$(this).find('.fa');
或
要测试:好的,我想下面的代码就可以了$(这个).find('>label>I').toggleClass('fa-folderfafolderopen');
$(this).find('i');