[英]How to add element in element using jquery
我有一些这样的代码:
<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
。 它没有显示出价值。
$( "p" ).each(function() {
var text = $(this).text();
$(this).wrapInner('<a href="name/'+text+'"></a>');
});
简单和.wrapInner()
$('p').wrapInner(function(){
return '<a href="name/' + $(this).text() + '" />' // even this.innerHTML instead of $(this).text() will do
})
演示: 小提琴
提取名称后,我将再次在<p></p>
标记内重写整个代码:
var name=$(this).text();
$( "p" ).each(function() {
$(this).html('<a href="name/'+ $(this).text() +'">' + $(this).text() + '</a>');
});
您只需要获取内部内容,然后将标记中的所有内容替换为新的HTML:
var name=$(this).text();
$( "p" ).each(function() {
old = $(this).html();
$(this).html('<a href="id/'+ old +'">'+old+'</a>');
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.