如果我有这样一个div：如何使用jQuery将元素添加到DIV中的最后一个位置？
<div id="a">
<div id="a1">...</div>
<div id="a2">...</div>
<div id="a3">...</div>
</div>
如何添加其他的div到里面#a的最后一个位置使用jQuery？
<div id="a4">...</div>
使其变成这样：
<div id="a">
<div id="a1">...</div>
<div id="a2">...</div>
<div id="a3">...</div>
<div id="a4">...</div>
</div>
只需使用.append()在最后坚持下去：
$("#a").append('<div id="a4">...</div>');
如果a4已经存在，或者您正在创建它，你也可以用.appendTo()反过来：
$("#a4").appendTo("#a");
//or if creating...
$('<div id="a4">...</div>').appendTo("#a");
您可以使用jQuery的append方法 - http://api.jquery.com/append/
$('#a').append('<div id="a4">...</div>');
试试这个
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="jquery-latest.js"></script>
<script type="text/javascript">
$(init);
function init() {
var newPara = $("<div id='a4'>...</div>");
$('#a').prepend(newPara);
}
</script>
</head>
<body>
<div id="a">
<div id="a1">...</div>
<div id="a2">...</div>
<div id="a3">...</div>
</div>
</body>
</html>
这里的另一种选择：
$("#a").append(function() {
var nextId = $(this).children().length + 1;
return $('<div/>')
.attr('id','a' + nextId)
.html('New id: a' + nextId);
});
这将检查你有多少的div有一个附加一个正确的ID