Using jquery how can I change an href value of an element with a certain CSS class?

Question

I'm looking for a way to find links with the "colorbox-load" class like this...

<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>

...and using jquery I want to replace every instance in the href tag of "youtube.com/watch?v=" with "youtube.com/v/".

This is what I have so far, but I'm not sure how to do the find and replace.

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

Stefan · Accepted Answer · 2011-12-12 09:39:04Z

8

Use a simple string replace().

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

UPDATE

Created an example for you at jsFiddle.

edited Dec 12, 2011 at 9:39

answered Dec 12, 2011 at 9:05

Stefan

5,6624 gold badges28 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Bryan Casler Over a year ago

Thanks, that makes sense. However, it's not working for me. I'm worried this might be because of something happening on my end so I'm going to play around with it for a bit more.

Stefan Over a year ago

Updated my answer with an example. Try it out

Bryan Casler Over a year ago

Yup, it was my fault. This is what finally worked for me. (function ($) { $('a.colorbox-load').each(function(){ var newUrl = $(this).attr('href').replace('youtube.com/watch?v=', 'youtube.com/v/'); $(this).attr('href', newUrl); }); })(jQuery);

Collectives™ on Stack Overflow

Using jquery how can I change an href value of an element with a certain CSS class?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related