點擊鏈接時用jQuery改變網址

Question

點擊鏈接時我需要改變一部分url。

$('.slavearticle a.headlinelink').click(function() { 
    var url = $(this).attr('href'); 
    url = url.replace('/something.example.com', 'betterexample.no'); 
    console.log(url); 
    return false; 
}); 

期望在這裏都將是如果該URL是something.example.com/index.html將它更改後到betterexample.no/index.html一切/永遠不會改變

這似乎工作，但我有一個問題。 「something.example.com」 需要更有活力

$（ 'slavearticle a.headlinelink'）。點擊（函數（）{

VAR URL = $（本）.attr （ 'href' 屬性）;

URL = url.replace（something.example.com， 'betterexample.no'）;

window.location.href = URL;
}）;

的缺點是，我有需要此功能的50名不同的網站。有什麼辦法可以在/之後獲得所有內容，以便這可以在任何網站上使用？

Answer 1

添加一條額外的行： $（this）.attr（'href'，url）;

$('.slavearticle a.headlinelink').click(function(){ 

     var url = $(this).attr('href'); 
     url = url.replace('/something.example.com','betterexample.no'); 
     $(this).attr('href',url); 
     console.log(url); 
     return false; 

     }); 

Answer 2

當你使用jQuery生成的attr，您只要有字符串，而不是它是從，所以當你更換它，你只是更換字符串不是鏈路的實際HREF採取的參考。這樣，你就更換HREF中的鏈接：

$('.slavearticle a.headlinelink').click(function() { 
    var url = $(this).attr('href',$(this).attr('href').replace('something.example.com', 'betterexample.no')); 
    console.log(url); 
    return false; 
}); 

你最好用普通的JavaScript這樣做，我認爲：

$('.slavearticle a.headlinelink').click(function() { 
    this.href = this.href.replace('/something.example.com', 'betterexample.no'); 
    console.log(this.href); 
    return false; 
}); 

Answer 3

在這裏，我只是更改包含「something.example所有鏈接。 COM」

$('.slavearticle a.headlinelink[href*="something.example.com"]').click(function() { 
    var newUrl = $(this).attr("href").replace("something.example.com","betterexample.no"); 
    $(this).attr('href',newUrl); 
    // do NOT return false if you want the link to work 
}); 

早些時候建議：

$('.slavearticle a.headlinelink').click(function (e) { 
    e.preventDefault(); // stop the link since we navigate 
    var newUrl = $(this).attr("href").replace("something.example.com","betterexample.no"); 
    location = newUrl; 
}); 

Answer 4

不知道我是否瞭解所有的要求，但這是你在找什麼？ http://jsfiddle.net/cg7m3/

我基本上剛剛加了window.location.href = url;，並且擺脫了替換字符串中的起始正斜槓。

$('.slavearticle a.headlinelink').click(function() { 
    var url = $(this).attr('href'); 
    url = url.replace('something.example.com', 'google.com'); 
    console.log(url); 
    window.location.href = url; 
    return false; 
}); 

Answer 5

試試這個，這對我來說

$('.slavearticle a.headlinelink').click(function() { 
    var url = $(this).attr('href'); 
    url = url.replace('something.example.com', 'betterexample.no'); 
    console.log(url); 
    return false; 
});