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

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時，在其div.square顯示ul.tier-two 。 我試圖使用closest()但不知何故。

Answer 1

如果需要，可以將$('.square').prev('li').find('ul.tier-two')與jQuery一起使用。

希望能幫助到你。

Answer 2

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