MIxing变量与jquery中的html

Question

我有一个HTML列表项，我想使用javascript/jquery显示到我的网页上。我遍历了一个数组，我想使用javascript在HTML列表中显示数组的元素，但我不能直接让它工作。任何人都知道我的代码出了什么问题...

for (m = 0; m < myArray.length; m++){
      $("ul").append("<li>"+myArray[m]+"</li>");
}

Answer 1

​

var myArray = ['apple', 'mango', 'banana'];

for (var m = 0; m < myArray.length; m++){
      $("ul").append("<li>"+myArray[m]+"</li>");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<ul>

</ul>

​

Answer 2

你想要一个小插曲吗？

​

var myArray = ['apple', 'mango', 'banana'];

$('ul').html("<li>"+myArray.join("</li><li>")+"</li>");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul></ul>

​

使用join()，你可以用你选择的选择器将一个数组串起来。

HTML：它的资源消耗也较少，因为它一次性注入所有的，而不是在循环中。我们都知道DOM操作需要最多的资源。