从逗号分隔的字符串中读取每个字符串，并使用jQuery将其显示在html列表中

Question

我有一串字如下：home，apple，banana，music，sound。在这里，每个单词都用逗号（'，'）分隔。 如何使用jQuery从该字符串中提取每个逗号分隔的元素并将其显示在html列表上，如下所示？。

<ul>
<li>home</li>
<li>apple</li>
<li>banana</li>
<li>music</li>
<li>sound</li>
</ul>

Answer 1

您可以使用解析字符串.split，然后遍历数组中的每个元素以创建一个<li>并将其附加到<ul>。

var str = "home,apple,banana,music,sound";
var array = str.split(',');

$.each(array, function(index, value) {
  $("#myList").append("<li>" + value + "</li>");
});

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