【问题标题】:Override href with jquery用jquery覆盖href
【发布时间】:2013-04-15 06:25:32
【问题描述】:

我有很多关于这个结构的链接:

<a class="myclass" href="http://externaldomain.com">Anchor Text</a>

我想在 href 属性中的 url 之前放一些东西来改变结构:

<a class="myclass" href="http://internaldomain.com/http://externaldomain.com">Anchor Text</a>

我认为 jquery 非常适合这样做,但我不知道如何。你能帮帮我吗?

【问题讨论】:

标签: javascript jquery overriding href


【解决方案1】:
$('.myclass').each(function(){this.href = "http://internaldomain.com/"+this.href});

【讨论】:

    【解决方案2】:

    hrefa 元素的一个属性,因此您可以在类myclass 的元素上使用attr 方法来更改它。

    【讨论】:

      【解决方案3】:
      $('a.myclass').attr('href', function(i, href) {
           return 'http://internaldomain.com/' + href;
      });
      

      来源: jQuery to prepend URL in img src attribute

      【讨论】:

        【解决方案4】:

        您可以将修改回调传递给attr 方法:

        $('[href^=http:]').attr('href',function(i,str) {
          return "http://internaldomain.com/"+str;
        }
        

        http://api.jquery.com/attr

        http://api.jquery.com/attribute-starts-with-selector/

        【讨论】:

        • 我没有投反对票,但您在http: 之后缺少右括号:p
        猜你喜欢
        • 1970-01-01
        • 2014-03-13
        • 1970-01-01
        • 2012-08-11
        • 1970-01-01
        • 2011-03-15
        • 2020-11-14
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多