javascript - 几个元素的 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');

fiddle :https://jsfiddle.net/sLonnLqz/