Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/418.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript li toggle和toggleclass儿童_Javascript_Jquery_Html_Css - Fatal编程技术网

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');