将数组的内容作为列表元素添加到无序列表中。
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了将数组的内容作为列表元素添加到无序列表中。相关的知识，希望对你有一定的参考价值。
所以我得到了这个名单
<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个新的列表项，就像这样
- 这就是
- 很好
- 列表
- 元素
- 元素
- 元素
我应该如何引用数组中的各个元素来打印出来？
答案
你应该在每次迭代时追加元素，而不是字符串，这可以通过使用 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>以上是关于将数组的内容作为列表元素添加到无序列表中。的主要内容，如果未能解决你的问题，请参考以下文章