2014-06-19 58 views
0

縮短了起來:如何刪除鏈接中單詞之間的空格?

我需要

<a href="http://itunes.com/Of Monsters and Men/My Head Is An Animal">View in iTunes</a> 

顯示爲

<a href="http://itunes.com/OfMonstersandMen/MyHeadIsAnAnimal">View in iTunes</a> 

詳細:

所以基本上我在做什麼是我想鏈接到iTunes商店我會用這個鏈接作爲例子itunes.com/OfMonstersandMen/MyHeadIsAnAnimal

這直接鏈接到iTunes商店上的商品。我正在使用博客,我會自動填寫鏈接。唯一的問題是鏈接將顯示爲itunes.com/Of Monsters and Men/My Head Is An Animal。所以我需要做的是使用javascript或jquery刪除鏈接中的單詞之間的空格。

我一直在尋找解決方案。有什麼我可以做的,以解決這個問題?

+0

[更換的字符串中出現的所有的JavaScript]的可能重複(http://stackoverflow.com/questions/1144783/replacing-all-occurrences-of-a-string-in-javascript ) –

+1

我不明白的是:如果你更換鏈接,鏈接是否仍然指向正確的頁面?如果沒有,你想'*預覽*'編輯後的hrefs的位置? –

回答

2

jsBin demo

$('.view-itunes a[href*=" "]').prop('href', function(i, v){ 
    return v.replace(/%20/g,""); 
}); 

導致瀏覽器內部轉換的href 空白%20

+0

謝謝你,我只是試過這個,它的工作,但我只是意識到鏈接不會出現與%20,而是他們出現itunes.com/Of怪物和男人/我的頭是一種動物。我嘗試修改腳本來替換空間而不是%20,但它不起作用。有任何想法嗎? – YoungSpiffy

+0

@YoungSpiffy你明確地指出了你的問題:「我想讓他們看起來像:http:// itunes.com/OfMonstersandMen/MyHeadIsAnAnimal'」 –

+0

我在這裏修改了腳本http://jsbin.com/miyasofe/1/編輯。我只需要將「view-itunes」div內的鏈接空格去掉。您的腳本在刪除%20時起作用,但我的網站上的鏈接顯示爲空格而不是%20 – YoungSpiffy

-1

只要使用字符串替換功能

var a="test%20string"; 
var b=a.replace(/%20/g, ""); 
+0

您需要使用正則表達式來取代javascript中的所有功能:s.replace(/%20/g,「」); –

+0

謝謝。你是對的 –

0
<a href="http://itunes.com/Of%20Monsters%20and%20Men/My%20Head%20Is%20An%20Animal">View in iTunes</a> 
<a id="result">View in iTunes</a> 

<!--this is a example to result:--> 
<b></b><br> 

的jquery

var aq = $('a').attr('href').split('%20').join(''); 
$('#result').attr('href',aq); 

//this is a example to result: 
$('b').text(aq); 
相關問題