将数组附加到ul块 - 错了？！ jQuery的

Question

我有一些问题，将数组追加到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);

我错了什么？

谢谢！

抱歉我的英文。

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

Answer 2

你可以改变这一行：

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

到

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

有关详细信息，请参阅append参考。