Question

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

white,blue,red,black

我需要使用jquery将这些元素中的每一个包装在＆lt; li>标签。如何浏览列表并使用逗号作为分隔符？我还需要删除逗号。有时会有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：）

Answer 2

var el = $('#elementSelector');
var values = el.html().split(',');
el.html('<ul>' + $.map(values, function(v) { 
  return '<li>' + v + '</li>';
}).join('') + '</ul>');

Answer 3

lol，比omfgroflmao短1个字符：D且没有jquery goodiness

mystring = '<ul>' + mystring.replace(/(\w+),?/g, '<li>$1</li>') + '</ul>';

jquery goodiness 1更多字符缩短..哈哈

myobject = $('<ul>').append(mystring.replace(/(\w+),?/g, '<li>$1</li>'));

Answer 4

var final_string = "<ul><li>" + myString.replace(/,/gi, '</li><li>') + "</li></ul>";

以逗号分隔的列表并创建无序列表

4 个答案: