jquery - 裹带有 jQ​​uery 的文本

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);
});