Как на jQuery поменять местами блоки?

Question

[Alexander]

На странице есть много однотипных блоков (это аудиоплеера). Мне нужно блоки <div class="mejs-time mejs-currenttime-container"> (и их содержимое) переставить под блоком <div class="mejs-time-rail"> . И так во всех плеерах.

<div class="mejs-time mejs-currenttime-container">тут внутри еще много блоков</div>
<div class="mejs-time-rail">тут внутри еще много блоков</div>

<div class="mejs-time mejs-currenttime-container">тут внутри еще много блоков</div>
<div class="mejs-time-rail">тут внутри еще много блоков</div>

<div class="mejs-time mejs-currenttime-container">тут внутри еще много блоков</div>
<div class="mejs-time-rail">тут внутри еще много блоков</div>

и так далее...

Пытался делать так:

$('.mejs-time-rail').insertBefore('.mejs-currenttime-container');

Но дело в том, что на странице к примеру 12 таких плееров и к каждому плееру данное правило применяеться то же 12 раз.... И получаеться нечто следующее:

<div class="mejs-time mejs-currenttime-container"></div>
<div class="mejs-time mejs-currenttime-container"></div>
<div class="mejs-time mejs-currenttime-container"></div>
<div class="mejs-time mejs-currenttime-container"></div>
<div class="mejs-time mejs-currenttime-container"></div>
<div class="mejs-time mejs-currenttime-container"></div>
<div class="mejs-time mejs-currenttime-container"></div>
<div class="mejs-time mejs-currenttime-container"></div>
<div class="mejs-time mejs-currenttime-container"></div>
<div class="mejs-time mejs-currenttime-container"></div>
<div class="mejs-time mejs-currenttime-container"></div>
<div class="mejs-time mejs-currenttime-container"></div>
<div class="mejs-time-rail"></div>

И так у каждого плеера... Что я делаю не так?

Answer 1

[Stockholm Syndrome]

$('.mejs-time-rail').each(function() {
  $(this).insertBefore($(this).prev());
});