javascript - 将数组的内容作为列表元素添加到无序列表

Question

所以我得到了这个列表

<ul>
  <li> This is</li>
  <li> a very nice</li>
  <li> list</li>
</ul>

• 这是
• 非常好
• 列表

这段代码将数组的内容放入列表中

var nevek =["tom", "bob","kate"];
nevek.forEach(element => {
    $('ul').append( " <li> element  </li>");

但是它没有添加数组中的内容，而是添加了 3 个新的列表项，如下所示

• 这是
• 非常好
• 列表
• 元素
• 元素
• 元素

我应该如何引用数组中的单个元素来将它们打印出来？

Answer 1

您应该在每次迭代时附加元素而不是字符串，这可以使用 template literals 来完成如下:

var nevek =["tom", "bob","kate"];
nevek.forEach(element => {
    $('ul').append( ` <li> ${element}  </li>`);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
     <li> This is</li>
     <li> a very nice</li>
     <li> list</li>
</ul>