注入html标记<ul></ul>在我的<李></李>元素

Question

我需要用数据动态填充jQuery对话框。下面的代码可以工作，但开始和结束html标记<ul></ul>都插入在数据（<li>...</li>）之前，而不是根据需要插入在数据之前和之后。

var dialog = $('<div style="display:none"></div>').appendTo('body');
dialog.empty();
dialog.append('<ul>');
$.each(obj.data, function (i, filePath) 
{
    dialog.append('<li>' + filePath + '</li>');
});
dialog.append("</ul>");

知道如何继续吗？

我现在拥有的：

    dialog[0].innerHTML "<ul></ul><li>...</li><li>...</li>"

我需要什么：

    dialog[0].innerHTML "<ul><li>...</li><li>...</li></ul>"

Answer 1

与其将内容附加到div，不如在其中找到ul元素，然后将内容附加在其中

$.each(obj.data, function (i, filePath){
   dialog.find('ul').append('<li>' + filePath + '</li>');
});