如何替换<li>标签的内容

Question

我在这里很新,最近发现了jQuery.我有一个清单:

<ul id="tagcloud">
    <li>Strategic Planning Process,Preparing for Changes,</li>
    <li>Effective,Enrollment Managers,Effective Enrollment Managers,</li>
    <li>Enrollment Program,</li>
    <li>Next Generation,Diversity,Future enrollment,</li>
    <li>Annual Admissions Plan,</li>
</ul>

现在,我想做的事,是basicly替换所有的""有</li><li>,当然,摆脱了过去的""不要有空白<li> ,我认为它会是这样的:

$('pre').html(function() {
   return this.innerHTML.replace(",", "</li><li>");
});

但它不起作用.我可能错了......

Answer 1

$('pre')选择pre元素.此外,replace ^[docs]仅替换字符串的第一个出现,除非提供带有全局标志的正则表达式.

我想你想要的

$('#tagcloud').html(function(i, html) {
    return html.replace(/,/g, "</li><li>");
});

DEMO

或者,要不创建空li元素(如果逗号位于末尾会发生这种情况),您只能创建文本:

$('#tagcloud').html(function(i, html) {
    return '<li>' + $(this).text().replace(/,/g, '</li><li>') + '</li>';
    // or
    // return '<li>' + $(this).text().split(',').join('</li><li>') + '</li>';
});

DEMO

进一步阅读:

• JavaScript中的正则表达式