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

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

如果需要，可以使用$('.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();
});