投稿
  1. 运维实战侠首页
  2. 实战宝典

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

运维实战侠 • • 实战宝典 • 阅读 1

所以我得到了这个名单

<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>

本文来自投稿，不代表运维实战侠立场，如若转载，请注明出处：https://www.shizhanxia.com/469.html

赞 (0)
运维实战侠运维实战侠默认组
0 0 打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022年6月29日 下午3:56
下一篇 2022年6月29日 下午3:56

相关推荐

发表评论

登录后才能评论