Javascript 用于多个元素的jQuery.after函数

如何对几个元素使用“after”

初始位置：

<div id="parent_div">
<div id="smth">data0</div>
<div id="this_to_move">data1</div>
<div id="this_to_move">data2</div>
<div id="this_to_move">data3</div>
<div id="smth">data4</div>
<div id="this_element_to_use">data5</div>
<div id="smth">data6</div>
</div>

数据0
数据1
数据2
数据3
数据4
数据5
数据6

结果是：

<div id="parent_div">
<div id="smth">data0</div>
<div id="smth">data4</div>
<div id="this_element_to_use">data5</div>
<div id="this_to_move">data1</div>
<div id="this_to_move">data2</div>
<div id="this_to_move">data3</div>
<div id="smth">data6</div>
</div>

数据0
数据4
数据5
数据1
数据2
数据3
数据6

---

使用jQuery最优雅的方法是什么？

您需要切换到类而不是ID，否则您将无法执行某些操作（ID对于元素应该是唯一的）：

小提琴：

$('.this_to_move').insertAfter('.this_element_to_use');