使用.append将对象添加到对象

Question

这是关于.append如何运作的更多问题

我有一个div，我想附上一个ul列表到

起初我试过

myDiv.append("<ul>");
myDiv.append("<li>....</li>");
myDiv.append("</ul>");

但这似乎在第一行创建了一个ul，然后在下一个追加之前关闭它。 所以我最终将所有行添加到字符串中，然后在一个追加调用中附加字符串。

为什么不能以第一种方式完成？有没有办法做到这一点，或者以我提到的第二种方式做得更好？

感谢

Answer 1

DOM交互具有非常糟糕的性能。然后，尽量尽量减少它们。

因此，最好的方法是，就像你提到的那样，首先连接字符串，然后使用结果字符串。

Answer 2

在插入DOM之前，您应该将li添加到ul：

var $ul = $('<ul>');

$ul.append('<li>...</li>');
$ul.append('<li>...</li>');
/* .................... */

$ul.appendTo(myDiv);

Answer 3

尝试这样的事情

var ul = '<ul>';
ul += '<li>first</li>';
ul += '<li>second</li>';
ul += '</ul>';
myDiv.append(ul);