相当于.append一个列表元素

Question

我：

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

然后：

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

但我想的是：

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

问：我怎样才能在jQuery中使用DOM添加到无序列表中而不使用.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()来获得更多元素。