如果元素不是父级，我该如何向上移动一个元素？

Question

基本上我有这样的

<ul> 
    <li class="menu-parent"> 
    <ul class="tier-two">...</ul> 
    </li> 
    <div class="square"></div> 


    <li class="menu-parent"> 
    <ul class="tier-two">...</ul> 
    </li> 
</ul> 

的结构我想要的是有一个事件处理程序，当我点击div.square显示在它前面的ul.tier-two。我试图使用closest()，但不知何故，它不工作。

Answer 1

$("div.square").on("click", function(){ 
    $(this).next("li.menu-parent").find("ul.tier-two").show(); 
}); 

Answer 2

使用$('.square').prev('li').find('ul.tier-two')与jQuery，如果你想。

希望它帮助。