Удалить все элементы до активного элемента и добавить к нижней

Question

я есть контейнер DIV с детьми DIVs как:

<div class="parent"> 
    <div id="one" class="child"></div> 
    <div id="two" class="child"></div> 
    <div id="three" class="child"></div> 
    <div id="four" class="child active"></div> 
    <div id="five" class="child"></div> 
</div> 

то, что я хочу, чтобы все дочерние ДИВ до того .active ребенка DIV будут удалены и будут добавлены в дно, так что это будет выглядеть следующим образом:

<div class="parent"> 
    <div id="four" class="child active"></div> 
    <div id="five" class="child"></div> 
    <div id="one" class="child"></div> 
    <div id="two" class="child"></div> 
    <div id="three" class="child"></div> 
</div> 

Как я могу сделать это в JQuery?

спасибо :)

Answer 1

Как это:

$('div:lt('+$('.active').index()+')', '.parent').appendTo('.parent'); 

FIDDLE

Answer 2

Что-то вроде этого -

var $cloned = $('.parent .active').prevAll().clone().end().remove(); 
$('.parent').append($cloned.get().reverse()); 

Demo ---->http://jsfiddle.net/AqS4u/1/

Answer 3

Это следует сделать это:

$('.active').prevAll().appendTo('.parent'); 

EDIT на самом деле, нет, но я оставлю здесь для потомков - .prevAll() коллекция возвращается в обратном порядке, поэтому Append не работает правильно.

Answer 4

В случае кратны этих divs:

$('.parent').each(function() { 
    $(this.firstChild).nextUntil('.active').appendTo(this); 
}); 

DEMO

Answer 5

$('.active').nextAll().addBack().prependTo('.parent'); 

jsFiddle example

Нет клонированию, не конкатенации, и не .each()