用jQuery包装<li>文本</li>

Question

我需要使用<span>

将文本包装在无序列表中

尝试这个，但它似乎不起作用......

$('li').each(function(){
    var text = $(this).text();
    text = text.replace(/^(\w){1}/, "<span>$1</span>");
    $(this).html(text);
});

Answer 1

您可以使用jQuery的.wrap()方法

$('li').each(function(){
    $(this).contents().wrap('<span></span>');       
});

http://jsfiddle.net/7HdER/

Answer 2

您可以使用wrapInner方法：

$('li').wrapInner('<span/>')​​​​​​;

http://jsfiddle.net/UrTw5/

Answer 3

$('li').each(function(){
    var text = $(this).text();
    text = "<span>" + text + "</span>";
    $(this).html(text);
});