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);

将元素放在父容器的底部

2 个答案: