Question

Is there a way to change the href value for a link but leave its text the same?

<a id="mylink" href="www.link.com">click here</a>

I would like to simply change “www.link.com” and leave the text “click here” untouched.

Answer 1

Use the .attr() function to change an attribute on an element:

$('#mylink').attr('href', 'newvalue');

Also, just an FYI (and this may even be why you’re changing it), href="www.link.com" will result in a broken link, unless there’s actually a file called www.link.com in the same path as the page hosting the link. To go to another domain, the URL needs to be fully-qualified to include the protocol: href="http://www.link.com"