Используя jquery, как я могу изменить значение href элемента с определенным классом CSS?

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 я хочу заменить каждый экземпляр в 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);
});

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 .