javascript - 在 jquery 中上下移动元素

Question

我有两个这样的元素

<div class="div1">Slider</div>
<div class="div2">User Profile</div>

我希望这个元素结构像这样加载(使用:jquery、javascript、css)

<div class="div2">User Profile</div>
<div class="div1">Slider</div>

Answer 1

使用 insertBefore 和 prev 选项。

$('.div2').insertBefore($('.div2').prev('.div1'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="div1">Slider</div>
<div class="div2">User Profile</div>