Javascript 如何使用jquery在元素中添加元素

Javascript 如何使用jquery在元素中添加元素,javascript,jquery,dom,Javascript,Jquery,Dom,我有一些这样的代码: <p>Nuno</p> <p>Eimes</p> <p><a href="name/Nuno">Nuno</a></p> <p><a href="name/Eimes">Eimes</a></p> 努诺 艾姆斯 我如何像这样操纵它: <p>Nuno</p> <p>Eimes</p>

我有一些这样的代码:

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

艾姆斯

我如何像这样操纵它:

<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>");
});
var name=$(this).text();
$(“p”)。每个(函数(){
$(this).prepend(“”);
});
但结果是:

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

艾姆斯

不在
$('p')。text();
如果我更改为
名称
,它也不显示值。

$('p')。每个(函数(){
$( "p" ).each(function() {
   var text = $(this).text();
   $(this).wrapInner('<a href="name/'+text+'"></a>');
 });
var text=$(this.text(); $(this.wrapInner(“”); });

简单明了

$('p').wrapInner(函数(){

返回“

提取名称后,我将再次重写

标记中的整个代码:

var name=$(this).text();
$( "p" ).each(function() {
  $(this).html('<a href="name/'+ $(this).text() +'">' + $(this).text() + '</a>');
});
var name=$(this).text();
$(“p”)。每个(函数(){
$(this.html(“”);
});

您只需获取内部内容,然后用新的HTML替换标记中的所有内容:

var name=$(this).text();
$( "p" ).each(function() {
    old = $(this).html();
    $(this).html('<a href="id/'+ old +'">'+old+'</a>');
});
var name=$(this).text();
$(“p”)。每个(函数(){
old=$(this.html();
$(this.html(“”);
});

$('p').html(函数(){
返回“”;
});

var name=$(this.text();
中,这个
是什么意思?@MattBall你是什么意思?@DipeshParmar没有人知道你要编辑它…所以当一个人看到答案时,他们会根据当时看到的内容来判断。。。