jquery - 采用逗号分隔列表并创建无序列表

Question

我有一个由复选框列表生成的简单列表。生成的代码就是这样

white,blue,red,black

我需要使用 jquery 将每个元素包装在

标记中。如何浏览列表并使用逗号作为分隔符？我还需要删除逗号。有时会有 1 个项目，有时有 3 个，等等。

提前致谢!

Answer 1

<script type="text/javascript">
    var mystring = 'white,blue,red,black';
    mystring = '<ul><li>' + mystring.replace(/,/gi,'</li><li>') + '</li></ul>';
    document.write(mystring);
</script>

输出:

<ul>
<li>white</li>
<li>blue</li>
<li>red</li>
<li>black</li>
</ul>

这根本不使用 jquery :)