How do I change the "href" of through Javascript Jquery?

Question

Suppose I have this:

<a id="main_link" href="http://feedproxy.google.com/~r/AmazonWire/~5/FN5UZlXKwdY/SalmanRushdiePodcast.mp3">

How do I use Jquery to change the "href" to something else?

Answer 1

Get a reference to your link, and use the attr method on it:

$('#main_link').attr('href', 'something_else');

That grabs the elements with id="main_link" using the id "#" css selector (should only be one in the document), and sets the href attribute of all (again, should only be one in the document).

jQuery can perform the exact same operation on batch to a class of elements:

$('.main_link').attr('href', 'something_else');

That grabs the elements with css class="main_link" instead.

Answer 2

$("#main_link").attr("href","http://...");

http://docs.jquery.com/Attributes/attr

Answer 3

$('#main_link').attr('href','your new href');