javascript - タグ内のテキストをタグで囲む方法は?

Question

たとえば、次のコードがあります。

<div class="myclass">Hello everybody!</div>

次に<p>、テキストをタグで囲み、次のようにします。

<div class="myclass"><p>Hello everybody!</p></div>

jQueryでこれを行うにはどうすればよいですか?

私はこれを試しました：

$('.myclass').text().wrap('p');

しかし、うまくいきませんでした。

Answer 1

次を使用してこれを行うことができます.wrapInner()。

$('.myclass').wrapInner('<p></p>');

デモ:フィドル

Answer 2

このようなことを試してください

        $(function(){
            $('.myclass').wrapInner('<p></p>');
        })

参照 ：

http://api.jquery.com/wrapInner/

別

        $(function(){
            var txt = '<p>' + $('.myclass').text() + '</p>'; 
            $('.myclass').html(txt);
        })

再びpタグを削除する

        $(function(){
            var txt = $('.myclass').text();
            $('.myclass').html(txt);
        })

Answer 3

別のアプローチ、

$('.myclass').html('<p>' + $('.myclass').text() + '</p>');

デモ

タグをアンラップするには、次のようにします。

$(".myclass").html($('.myclass > p').text());

デモ