将数组附加到 ul 块 - 错误？！ jQuery答案

【问题标题】：append an array to ul block - wrong?! jquery将数组附加到 ul 块 - 错误？！ jQuery
【发布时间】：2014-12-14 03:21:37
【问题描述】：

我在将数组附加到 html 时遇到了一些问题：我用html创建了一个数组，第一个元素是“li”，而不是“img”，最后一个元素是“/li”

<li></li>
<img src="...">

但我需要：

<li>
  <img src="...">
</li>

这里是jsfeedle

这里是js：

var items = [];
items.push( "<li class='cd-item'>" );
items.push( "bar" );
items.push("</li>");
var itm = items.join(''); 
$(".cd-items").append(itm);

我做错了什么？

谢谢！

对不起我的英语。

【问题讨论】：

请在您的问题中包含您的 jQuery；该演示是一个不错的奖励，但如果您的问题中没有相关的、有问题的代码，则您的问题是不完整的。

标签： javascript jquery html arrays

【解决方案1】：

可以使用join()

var items = [];
items.push( "<li class='cd-item'>" );
items.push( "<img src='images/source.jpg'>" );
items.push("</li>");
 var html = items.join('');
$(".cd-items").append(html);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<ul class="cd-items">
    foo
</ul>

【讨论】：

【解决方案2】：

你可以改变这一行：

$(".cd-items").append(items);

到

$(".cd-items").html(items);

请参阅append 参考了解更多详情。

【讨论】：