javascript - 我在 DOM 中呈现了两个 <nav> 标签。如何仅使用 jquery 更改顺序？

Question

我在一个页面上有两个标签。我希望底部的出现在顶部的之前。

我正在使用下面的代码。但它不起作用。

$( document ).ready(function() {
    $( "#main-navigation" ).before( "nav.std-menu" );
});

Answer 1

我认为这可以完成您想要做的事情。你可以 detach std-menu 导航元素，然后使用 insertBefore 将其插入 main-navigation 前面.

$('#std-menu').detach().insertBefore('#main-navigation');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<nav id="main-navigation">Main Navigation</nav>
<nav id="std-menu">Standard Menu</nav>