jQuery .after函数的几个元素

Question

如何使用“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>

结果：

<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>

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

Answer 1

你需要切换到类而不是id，否则你将无法以这种方式做某事（id应该是元素唯一的）：

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

小提琴：https://jsfiddle.net/sLonnLqz/