将span标记附加到列表元素的更简单方法？

Question

我有几个列表元素如下所示：

 <li><a href="#" id="list1">List 1 Values</a></li>
 <li><a href="#" id="list2">List 2 Values</a></li>

我目前的解决方案是替换整个html字符串，如下所示：

$('#list1').html('List 1 Values<span>150</span>');

是否有更好的方法在列表项中添加/删除span标记？

Answer 1

$('#list1').append('content');

请参阅.append() documentation。

Answer 2

尝试append，如下所示

$('#list1').append('<span>150</span>');