javascript - 如何将 p 放入标签中

Question

我有这个 HTML：

<a href=#>First</a>
<a href=#>Second</a>
<a href=#>Third</a>

我怎么能有：

<a href=#><p class="test">First</p></a>
<a href=#><p class="test">Second</p></a>
<a href=#><p class="test">Third</p></a>

我试过这个，但它不起作用：

$(function(){
    $("a").text().prepend("<p class="test">"+ $("a").text() +"</p>");
});

我是新手，谢谢

Answer 1

您正在寻找wrapInner()函数：

$("a").wrapInner("<p class='test'></p>")

工作演示

Answer 2

试试这个。

$("a").text("<p>"+$("a").text()+"</p>");