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

Вам необходимо перейти на классы вместо идентификаторов, как вы не сможете сделать что-то таким образом, в противном случае (идентификаторы должны быть уникальными для элемента):

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

Fiddle: https://jsfiddle.net/sLonnLqz/