jquery modifying the value of href

Question

Hey,

I have a lot of links with the class .moo, I need jquery to scan the element for them, then to add a bit of text to the end of the href.

For example:

This is what I have:

<a href="http://root.net" class="moo">root.net</a>

and this is what I would like to have, after the jQuery magic happens:

<a href="http://root.net?iframe=true&amp;amp;width=600&amp;amp;height=300e" class="moo">root.net</a>

The reason I need this is a jquery plugin that eats this: ?iframe=true&width=600&height=300.

Can this be done? I'm a jquery noob and I've been fiddling with prepend, etc, but I still don't get it.

Thanks.

Answer 1

Did this not work?

$('.moo').attr('href', 'http://root.net?iframe=true&width=600&height=300e');

Answer 2

$(function(){
$(".moo").each(function(){
$(this).attr("href",$(this).attr("href")+"?iframe=true&width=600&height=300");
});
});

that should work I think

Answer 3

$(function(){
    $(".moo").each(function(){
        $(this).attr("href", $(this).attr("href") + "?iframe=true&width=600&height=300");
    });
});