jQuery .after函数的几个元素

Question

如何对多个元素使用“之后”？

初始位置：

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