jquery - 如何使用 jquery 向上移动 DOM

Question

我对 jQuery 的了解很少，所以我有一个问题..

我想知道您是否可以在 jQuery 的帮助下移动一些选择器 div。

以下是我当前的 DOM

<div class="header">
    <div class="logo">
        ...
    </div> <!-- end .logo -->

    <div class="menu">
        ...
    </div> <!-- end .menu -->
</div>

但我想将 .menu div 容器移到 .logo 这样的 div 容器之上

<div class="header">
    <div class="menu">
        ...
    </div> <!-- end .menu -->

    <div class="logo">
        ...
    </div> <!-- end .logo -->
</div>

有没有办法在 jQuery 的帮助下做到这一点。

Answer 1

有一百种方法可以做到这一点。这是我最易读的:

$('.menu').insertBefore('.logo');

Fiddle

或者，如果 .menu 应该始终是 .header 的第一个 child ，独立于 .logo，您可以使用:

$('.menu').prependTo('.header');

Fiddle