在我的<li> </li>元素之前和之后注入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

您应该在其中找到ul元素，然后在其中附加内容，而不是将内容附加到div。像这样：

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