javascript - 将div设置为容器div的末尾

Question

如何将我的 div 替换到支架 div 的末尾？我这里有这个:

<div id="container">
    <div id="content1">My text 1</div>
    <div id="content2">My text 2</div>
    <div id="content3">My text 3</div>
</div>

我想用 JavaScript(或 JQuery)将我的 content1 放在末尾:

<div id="container">
    <div id="content2">My text 2</div>
    <div id="content3">My text 3</div>
    <div id="content1">My text 1</div>
</div>

Answer 1

append 总是将元素移动到父元素中的最后一个位置

$('#container').append($('#content1'));

或者甚至只是将第一个元素移动到最后一个位置

$('#container').append(function() {
    return $(this).children().first();
});