在jquery中向动态生成的项添加内容

Question

我使用用户给定的数组值生成动态列表项，如下所示

var li_normal_item=$('#drop1').append("<li id='"+options.items[i].id+"'>"+options.items[i].value+"</li>")

假设它生成类似下面的内容

<li id="ex">example</li>

现在我想在jQuery中为li项添加内容，如下面的

<li id="ex">example  <b>Basic QUestion</b> </li>  

我尝试过如下，但是在

后添加

li_normal_item.append("<b>Basic Example</b>")

如何在jQuery中执行此操作？

Answer 1

append方法返回当前集合而不是附加元素，即li_normal_item包含#drop1元素，您可以使用appendTo方法反转逻辑：

var li_normal_item = $("<li>...</li>").appendTo('#drop1');

Answer 2

试试这个

$('<li>', {
   id: options.items[i].id,
   html: options.items[i].value
}).append(
   '<b> Basic Example</b>'
).appendTo('#drop1');

或者如果您想稍后添加内容

li_normal_item = $('<li>', {
   id: options.items[i].id,
   html: options.items[i].value
}).appendTo('#drop1');

//append more
li_normal_item.append('<b> Basic Example</b>');