在DOM中移动步骤

Question

有没有办法通过JQuery或Javascript在DOM中移动步骤？ （最好是JQuery）

为了避免做一系列parent()标记，我应该更好地使用可以总结这样的东西：

$('.myElement').parent().parent().parent().fadeIn();

这应该针对以下示例中的.final元素：

<div class="final">
    <div>
       <div>
          <div class="myElement"></div>
       </div>
    </div>
</div>

Answer 1

假设.final是.myElement元素的祖先元素，您可以使用.closest()

  

对于集合中的每个元素，获取与之匹配的第一个元素   选择器通过测试元素本身并遍历其中   DOM树中的祖先。

$('.myElement').closest('.final').fadeIn();

Answer 2

这就是.parents()的用途。要获得第N + 1个父母，请执行：

$(this).parents()[N])

例如，$(this).parents()[0]是第一个父级。