我有一个简单的列表,由复选框列表生成。生成的代码就是这样的:
我需要使用jQuery将每个元素包装在标签中。您如何遍历列表并使用逗号作为分隔符?我还需要删除逗号。有时只有1项,有时有3项等等。
谢谢!
white,blue,red,black
我需要使用jQuery将每个元素包装在
谢谢!
white,blue,red,black
<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 :)
var el = $('#elementSelector');
var values = el.html().split(',');
el.html('<ul>' + $.map(values, function(v) {
return '<li>' + v + '</li>';
}).join('') + '</ul>');
String#split()
而是使用正则表达式。 - maček哈哈,比omfgroflmao
短一个字符 :D 而且没有jQuery的好处
mystring = '<ul>' + mystring.replace(/(\w+),?/g, '<li>$1</li>') + '</ul>';
使用jQuery的好处,再减少一个字符.. 哈哈
myobject = $('<ul>').append(mystring.replace(/(\w+),?/g, '<li>$1</li>'));
var final_string = "<ul><li>" + myString.replace(/,/gi, '</li><li>') + "</li></ul>";