javascript - 如何使用jquery在元素中添加元素

Question

我有这样的代码:

<p>Nuno</p>
<p>Eimes</p>

我怎样才能像这样操作它:

<p><a href="name/Nuno">Nuno</a></p>
<p><a href="name/Eimes">Eimes</a></p>

我试过:

var name=$(this).text();
$( "p" ).each(function() {
  $(this).prepend('<a href="id/'+ $(this).text() +'"> ');
$(this).append("</a>");
});

但结果是:

<p><a href="id/Nuno"> </a>Nuno</p>
<p><a href="id/Eimes"> </a>Eimes</p>

<a>不在里面$('p').text();如果我改为 name .它没有显示值。

Answer 1

$( "p" ).each(function() {
   var text = $(this).text();
   $(this).wrapInner('<a href="name/'+text+'"></a>');
 });

Live Demo