Javascript 如何在HTML代码中交换div的顺序？

我的html中有两个

div

s。我不想交换它们

<div class="1"></div> 
<div class="2"></div>  

我要交换1和2。

如果要将元素移动到当前元素之后，请使用或方法；如果要将元素移动到当前元素之前，请使用或方法

$（'a'）。在（$（'b'））之前；
//或
$（'#b'）。在（'#a'）之前插入

A.
b
如果要将元素移动到当前元素之后，请使用或方法；如果要将元素移动到当前元素之前，请使用或方法


$（'a'）。在（$（'b'））之前；
//或
$（'#b'）。在（'#a'）之前插入

A.
b
我想你想改变你部门的职位

代码很简单，但您需要将jQuery导入到代码中

您也可以检查此代码笔链接


我想你想改变你部门的职位

代码很简单，但您需要将jQuery导入到代码中

您也可以检查此代码笔链接

您需要将div 1插入到temp变量中，然后将其删除并在div 2之后插入



我是第一组
我是二组
jQuery（文档）.ready（函数（）{
var temp=jQuery（'div#u 1'）；
jQuery（'#div_1'）.remove（）；
（temp）之后的jQuery（“#div_2”）；
})
您需要将div 1插入到temp变量中，然后删除它并在div 2之后插入



我是第一组
我是二组
jQuery（文档）.ready（函数（）{
var temp=jQuery（'div#u 1'）；
jQuery（'#div_1'）.remove（）；
（temp）之后的jQuery（“#div_2”）；
})
您可以使用css flexbox来实现这一点。将div包装在父容器中，并应用flexbox以根据需要定位它们

假设您包装了div，然后您的html代码是

<div class="wrapper">
 <div id="first_div">first div</div>
 <div id="second_div">second div</div>
</div>

尽管唯一的缺点是您无法在旧版IE浏览器中使用它。
您可以使用css flexbox来实现这一点。将div包装在父容器中，并应用flexbox以根据需要定位它们

假设您包装了div，然后您的html代码是

<div class="wrapper">
 <div id="first_div">first div</div>
 <div id="second_div">second div</div>
</div>

虽然唯一的缺点是你不能在旧的IE浏览器中使用它。
如果你愿意疏远任何仍在使用它的人，Flexbox将是你的朋友

在container/parent div上只需要两行代码

display: flex;
flex-direction: column-reverse; 

如果你愿意疏远仍在使用Flexbox的人，Flexbox将是你的朋友

在container/parent div上只需要两行代码

display: flex;
flex-direction: column-reverse; 


display: flex;
flex-direction: column-reverse;