如果我有這樣一個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