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

Question

我的 jQuery 知识非常低，所以我有一个问题..

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

以下是我当前的 DOM

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

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

但我想将.menudiv 容器移到上面的.logodiv容器之上

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

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

有没有可能在jQuery的帮助下做到这一点。

Answer 1

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

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

小提琴

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

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

小提琴