How To Get An Element By Its Href In Jquery?

I want to get an element by its href attribute in jquery or javascript. Is that possible?

Solution 1:

Yes, you can use jQuery's attribute selector for that.

var linksToGoogle = $('a[href="https://google.com"]');

Alternatively, if your interest is rather links starting with a certain URL, use the attribute-starts-with selector:

var allLinksToGoogle = $('a[href^="https://google.com"]');

Solution 2:

If you want to get any element that has part of a URL in their href attribute you could use:

$( 'a[href*="google.com"]' );

This will select all elements with a href that contains google.com, for example:

• http://google.com
• http://www.google.com
• https://www.google.com/#q=How+to+get+element+by+href+in+jquery%3F

As stated by @BalusC in the comments below, it will also match elements that have google.com at any position in the href, like blahgoogle.com.

Solution 3:

var myElement = $("a[href='http://www.stackoverflow.com']");

http://api.jquery.com/attribute-equals-selector/

Solution 4:

Yes.

$('a[href=\'http://google.com\']')

http://api.jquery.com/attribute-equals-selector/