Question

就像链接在<code><div></code>中动态传递一样，我可以更改所有超链接的域名。

例如： -

这是超链接链接标记

<a href="http://onedomain.com/offers/testing-something/">。

我可以将其更改为

<a href="http://seconddomain.com/offers/testing-something/">

使用jquery动态生成。链接中的所有其他参数应该相同，但应更改域名。如果有可能请说明如何，我将感激你。

Answer 1

使用replace()： -

＆＃13;

$(document).ready(function(){
   $('a').each(function(){
        this.href = this.href.replace('onedomain.com', 'seconddomain.com');
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="http://onedomain.com/offers/testing-something/">link</a>

＆＃13;

@satpal解决方案也可以： -

＆＃13;

$(document).ready(function() {
  $('a').attr('href', function(_, value) {
    return value.replace('onedomain.com', 'seconddomain.com');
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="http://onedomain.com/offers/testing-something/">link</a>

＆＃13;

Answer 2

您只需使用prop( propertyName, function )

更改host元素的<a>属性即可

＆＃13;

$('a').prop('host',function(){
  return 'seconddomain.com';
})

// for demo loop over elements and log adjusted href
.each(function(){
  console.log(this.href)
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="http://onedomain.com/offers/testing-something/">
<a href="http://onedomain.com/offers/something-else/">

＆＃13;

Answer 3

只做：

$('a').each(function(){
  $(this).attr('href').replace("OLD-DOMAIN","NEW-DOMAIN");
});

可以在超链接中更改域名吗？

3 个答案: