Как положить р внутри тега

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>") 

Working Demo

Answer 2

Попробуйте это.

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