Jquery append()不起作用

Question

我有这个 <ul>

<ul id="select_opts" class="bullet-list" style="margin-left:15px;"></ul>

此javascript代码旨在通过JSON对象并将选项添加到UL:

$.each(q.opts, function(i,o)
{                        
    var str='';
    str+="<li id='li_" + i + "'><input type='text' id='opt_" + i + "' value='" + o.option + "'>";
    str+=" (<a href='javascript:delOpt(" + i + ");'>Delete</a>) </li>";
    $("#select_opts").append(str);

});

如果我做console.log()我可以看到循环工作正常.如果我做:

console.log($("#select_opts").html());

它显示正在按预期更新的HTML.但是在浏览器窗口中,它显示UL为空!

我究竟做错了什么？

Answer 1

$("select_opts").append(str);

应该

$("#select_opts").append(str);