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

演示