How can you change the href
attribute (link target) for a hyperlink using jQuery?
Javascript – How to change the href attribute for a hyperlink using jQuery
htmlhyperlinkjavascriptjquery
Related Topic
- Javascript – How to change an element’s class with JavaScript
- Javascript – How to redirect to another webpage
- Javascript – How to know which radio button is selected via jQuery
- Javascript – How to check whether a checkbox is checked in jQuery
- Javascript – How to make the first letter of a string uppercase in JavaScript
- Javascript – How to remove a specific item from an array
- Javascript – How to return the response from an asynchronous call
Best Answer
Using
will modify the href of all hyperlinks to point to Google. You probably want a somewhat more refined selector though. For instance, if you have a mix of link source (hyperlink) and link target (a.k.a. "anchor") anchor tags:
...Then you probably don't want to accidentally add
href
attributes to them. For safety then, we can specify that our selector will only match<a>
tags with an existinghref
attribute:Of course, you'll probably have something more interesting in mind. If you want to match an anchor with a specific existing
href
, you might use something like this:This will find links where the
href
exactly matches the stringhttp://www.google.com/
. A more involved task might be matching, then updating only part of thehref
:The first part selects only links where the href starts with
http://stackoverflow.com
. Then, a function is defined that uses a simple regular expression to replace this part of the URL with a new one. Note the flexibility this gives you - any sort of modification to the link could be done here.