使用jquery如何更改具有某個CSS類的元素的href值？

我正在尋找一種方式來找到這樣的「顏色框負荷」級鏈接...使用jquery如何更改具有某個CSS類的元素的href值？

<a class="colorbox-load" href="http://www.youtube.com/watch?v=hYVGKdop63Y?fs=1&amp;width=640&amp;height=480&amp;hl=en_US1&amp;iframe=true&amp;rel=0">Kendra Grittani on stage at Koerner Hall (broken)</a>

...和使用jquery我想替換每個實例中的href標籤「 youtube.com/watch?v=「與」youtube.com/v/「。

這是我迄今爲止，但我不知道如何執行查找和替換。

$("a.colorbox-load").attr("href", "http://www.youtube.com") { 
    var text = $(this).text(); 
    text = text.replace("youtube.com/watch?v=", "youtube.com/v/"); 
    $(this).text(text); 
});

來源

2011-12-12 Bryan Casler

使用簡單字符串replace()。

$("a.colorbox-load").each(function(){ 
    var newUrl = $(this).attr('href').replace('youtube.com/watch?v=', 'youtube.com/v/'); 
    $(this).attr('href', newUrl); 
});

UPDATE

在jsFiddle爲您推薦的一個例子。

來源

2011-12-12 09:05:13 Stefan

謝謝，這是有道理的。但是，它不適合我。我很擔心這可能是因爲我的一些事情發生了，所以我會多玩一會兒。 –

用一個例子更新了我的答案。試試吧 – Stefan

是的，這是我的錯。這是最終爲我工作的。（函數（$）{ \t \t $（ 'a.colorbox負荷'）。每個（函數（）{ \t變種NEWURL = $（本）.attr（ 'href' 屬性）。代替（'的YouTube （jQuery）;}};}};}}; }）（jQuery）;/var /'; –

使用jquery如何更改具有某個CSS類的元素的href值？

回答

相關問題