使用ulli和javascript的树,不带插件
我尝试使用javascript创建一个简单的树,而不使用插件使用ulli和javascript的树,不带插件,javascript,jquery,tree,Javascript,Jquery,Tree,我尝试使用javascript创建一个简单的树,而不使用插件 这是我的html <ul class="tree"> <li>First Child <ul> <li>First Child <ul> <li>First Child</li> <li&
这是我的html
<ul class="tree">
<li>First Child
<ul>
<li>First Child
<ul>
<li>First Child</li>
<li>Second Child</li>
<li>Third Child</li>
<li>Fourth Child</li>
</ul>
</li>
<li>Second Child</li>
<li>Third Child</li>
<li>Fourth Child</li>
</ul>
</li>
<li>Second Child</li>
<li>Third Child</li>
<li>Fourth Child</li>
</ul>
但它只适用于第一级。如何做到这一点,谢谢。事件正在发生。使用
e.stopPropagation()
阻止该操作。顺便说一下,您不需要更改/检查display属性以使任何元素可见/隐藏,只需使用
.toggle()
试试看
请参考此链接,这可能会对您有所帮助
$( "li" ).on( "click", function() {
if ($(this).children('ul').css('display') == 'none') {
$(this).children('ul').css("display", "");
} else {
//alert( $( this ).text() );
$(this).children('ul').css("display", "none");
}
});
$("li").on("click", function (e) {
e.stopPropagation();
$(this).children('ul').toggle();
});