代码之家  ›  专栏  ›  技术社区  ›  Hannoun Yassir

使用jquery将link替换为其ref

  •  0
  • Hannoun Yassir  · 技术社区  · 14 年前

    我有一个p标记,它有许多锚标记和一些文本。我想用它受人尊敬的ref替换每个锚标签。

    4 回复  |  直到 14 年前
        1
  •  7
  •   Felix Kling    14 年前

    我理解你的问题,你想取代 整个标签 ,而不仅仅是包含的文本,如下所示: http://jsfiddle.net/xXmWj/1/

    .replaceWith() :

    $('p a').replaceWith(function() {
        return $(this).attr('href');
    });
    
        2
  •  1
  •   Matt Ball    14 年前

    试试这个:

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

    Demo

        3
  •  1
  •   drudge    14 年前

    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浏览器,会优雅地降级。

        4
  •  0
  •   teampoop    14 年前

    很相似,我知道。。。

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