如果元素不是父級，我該如何向上移動一個元素？

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，如果你想。

希望它幫助。