我怎么能用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的第一个孩子而不是.logo，则可以使用：

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

Fiddle