如何在标签内的文本周围包裹标签？

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

演示