jquery - 包むjQuery を使用したテキスト

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