使用jquery如何使用某个CSS类更改元素的href值？

Question

我正在寻找一种方法来找到像这样的“colorbox-load”类的链接......

<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我想用“youtube.com/v /".

替换”youtube.com/watch?v=“的href标签中的每个实例

这是我到目前为止所做的，但我不确定如何进行查找和替换。

$("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);
});

Answer 1

使用简单的字符串replace()。

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

<强>更新

在 jsFiddle 为您创建了一个示例。