положить элемент в нижней части родительского контейнера

Question

У меня есть динамический список div в родительском div. Единственный класс, который я знаю, - это один div, который должен располагаться в нижней части контейнера. Как я могу это сделать?

Проблема:

<div> 
<div class="i-want-to-be-the-last-element"></div> 
<div></div> 
<div></div> 
</div> 

<div> 
<div></div> 
<div class="i-want-to-be-the-last-element"></div> 
<div></div> 
<div></div> 
</div> 

<div> 
<div></div> 
<div class="i-want-to-be-the-last-element"></div> 
</div> 

Решение хотел бы так:

<div> 
<div></div> 
<div></div> 
<div class="i-want-to-be-the-last-element"></div> 
</div> 

<div> 
<div></div> 
<div></div> 
<div></div> 
<div class="i-want-to-be-the-last-element"></div> 
</div> 

<div> 
<div></div> 
<div class="i-want-to-be-the-last-element"></div> 
</div> 

Answer 1

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

$('.i-want-to-be-the-last-element').each(function(){ 
    $(this).appendTo($(this).parent()); 
}); 

Working Demo

Answer 2

$this = $(".i-want-to-be-the-last-element").parent(); 
var content = $(".i-want-to-be-the-last-element").detach(); 
$this.append(content);