如何使用jQuery将元素添加到DIV中的最后一个位置？

Question

如果我有这样的div:

<div id="a">
    <div id="a1">...</div>
    <div id="a2">...</div>
    <div id="a3">...</div>
</div>

如何#a使用jQuery 在内部的最后位置添加另一个div ？

    <div id="a4">...</div>

这样它就变成了:

<div id="a">
    <div id="a1">...</div>
    <div id="a2">...</div>
    <div id="a3">...</div>
    <div id="a4">...</div>
</div>

Answer 1

只是用.append()它来坚持它:

$("#a").append('<div id="a4">...</div>');

如果a4 已经存在,或者您正在创建它,您也可以使用.appendTo()相反的方式:

$("#a4").appendTo("#a");
//or if creating...
$('<div id="a4">...</div>').appendTo("#a");