javascript - jQuery 在循环后附加 HTML 标签

Question

我正在将 HTML 代码附加到 div 中，它是一个无序列表。所以首先我这样做:

$('.placeholder').append('<ul>');

这按预期工作。然后我对列表项进行循环:

$.each(headings, function(index, heading){
    $('.placeholder').append('<li>' + heading + '</li>');
})

然后附加结束 ul 标记

$('.placeholder').append('</ul>');

问题是代码如下:

<ul></ul>
<li></li>
<li></li>
<li></li>

为什么在编写代码时要在每个循环的开头附加结束 ul 标记，然后再附加它？

Answer 1

你不需要做.append('</ul>'); 。 .append('<ul>');已经添加了完整的ul node到 HTML。

另外，您需要添加您的 lis在你的ul里面，不在里面.placeholder :

$.each(headings, function(index, heading){
    $('.placeholder ul').append('<li>' + heading + '</li>');
})