Question

我想用jQuery在我的网页中更改动态元素的位置，这是我有这段代码的代码。

<div class="div1"><label>Name</label></div>
<div class="div2"><label>Address</label></div>
<div class="div3"><label>User No</label></div>

以及我想如何在运行时使用jQuery

<div class="div1"><label>Name</label></div>
<div class="div3"><label>User No</label></div>
<div class="div2"><label>Address</label></div>

我想在div2之后移动div3。提前谢谢！

Answer 1

尝试在此背景下使用.insertAfter(selector)，

$("div.div2").insertAfter(".div3");

DEMO

Answer 2

您也可以尝试 insertBefore(selector) ，如下所示：

$(".div3").insertBefore(".div2");

代码段

$(".div3").insertBefore(".div2")

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="div1"><label>Name</label></div>
<div class="div2"><label>Address</label></div>
<div class="div3"><label>User No</label></div>

使用jQuery更改DOM元素的位置

2 个答案:

DEMO