How to get an element by its href in jquery?

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?

Solutions/Answers:

Solution 1:

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

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

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

var allLinksToGoogle = $('a[href^="http://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:

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/