相当于列表元素的.append

Question

我有：

<div id="list">
</div>

然后：

$('#list').append('a<br>');
$('#list').append('b<br>');
$('#list').append('c<br>');

但我想要的是：

<ul id="list">
</ul>

问：如何使用DOM在jQuery中附加无序列表而不使用.html？

Answer 1

使用appendTo()：http://api.jquery.com/appendTo/

var list = $('#list');

$('<li></li>').appendTo(list).text('List item 1');

然后，您可以使用链接来定义其他属性，例如文本和属性。

Answer 2

var list = $('<ul id="list"/>');
list.append('<li>content</li>');

Answer 3

您可能想要这样做：

$('#list').append('<li>Item #1</li><li>Item #2</li>');

Answer 4

.append()方法仍然正确。问题是你要追加什么？

由于#list是<ul>，您需要.append() <li>元素。

当然，如果#list为空，并且您一次追加几个，则可以始终使用.html()或.innerHTML。

$('#list').html("<li>a</li><li>b</li><li>c</li>");

或

document.getElementById('list').innerHTML = "<li>a</li><li>b</li><li>c</li>";

......这将是最快的。

然后使用.append()来获取其他元素。