javascript - jQuery:从逗号分隔的字符串创建html元素？

Question

我正在尝试使用 jQuery 从逗号分隔的字符串创建 HTML 元素(div)。

假设我有一个如下所示的字符串:

options ="some texts, another text, some more text";

我需要创建这样的东西:

<div>some texts</div>
<div>another text</div>
<div>some more text</div>

我首先像这样分割逗号分隔的字符串:

var str = options;
var temp = new Array();
temp = str.split(", ");

然后我需要在这个函数之后创建 div，但我不知道如何做到这一点。

有人可以就此提出建议吗？

Answer 1

试试这个:

var options ="some texts, another text, some more text";
var temp = options.split(", "); // first split string and convert it to array
var str = '';
$.each(temp, function(i,v) { // loop through array
  str += "<div>"+v+"</div>"; // create html string and store it in str variable
});
$("body").append(str);

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