將數組的內容作為列表元素添加到無序列表

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

您應該在每次迭代時使用 append 元素而不是字符串，這可以使用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>