使用jquery用其href替换link

时间:2010-10-20 22:11:14

标签: jquery

我的p标签有很多锚标签和一些文字。我想用其尊重的href替换每个锚标签。

4 个答案:

答案 0 :(得分:7)

我将您的问题解释为您要替换整个标记,而不仅仅是包含的文本,如下所示:http://jsfiddle.net/xXmWj/1/

您正在寻找.replaceWith()

$('p a').replaceWith(function() {
    return $(this).attr('href');
});

答案 1 :(得分:1)

试试这个:

$('p').find('a').each(function ()
{
    var $this = $(this);
    $this.html($this.attr('href'));
});

Demo

答案 2 :(得分:1)

不使用jQuery的

CSS3 解决方案:

<style type="text/css">
    a > span { display: none; }
    a:after { content: attr(href); }
</style>
<a href="http://www.test.com"><span>Test</span></a>

优雅降级非CSS3浏览器。

答案 3 :(得分:0)

非常相似,我知道......

$("a").each(function(){
  $(this).text($(this).attr('href'));
});