如何将p放入标签内

Question

I have this HTML:

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

How can I have:

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

I tried this, but it does not work:

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

I'm newbie, Thanks

Answer 1

You're looking for wrapInner() function:

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

Working Demo

Answer 2

试试这个吧。

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