logo标签列表

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

jquery
3
如果我有一个这样的div：
<div id="a">
    <div id="a1">...</div>
    <div id="a2">...</div>
    <div id="a3">...</div>
</div>

使用jQuery如何将另一个div添加到位于最后位置的#a中？
    <div id="a4">...</div>

这样它就变成了这个样子：

<div id="a">
    <div id="a1">...</div>
    <div id="a2">...</div>
    <div id="a3">...</div>
    <div id="a4">...</div>
</div>
4个回答
6

只需使用.append()将其粘贴到末尾即可：

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

如果a4已存在，或者您正在创建它，则可以使用.appendTo()反过来操作：
$("#a4").appendTo("#a");
//or if creating...
$('<div id="a4">...</div>').appendTo("#a");
2

试试这个

<!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>
1
0

这里有另一种选择：

$("#a").append(function() {
    var nextId = $(this).children().length + 1;
    return $('<div/>')
        .attr('id','a' + nextId)
        .html('New id: a' + nextId);
});

这将检查您有多少个 div 并添加一个具有正确 ID 的新 div

示例：http://jsfiddle.net/jonathon/2h9aZ/

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接