jQuery find attribute from url hash

Question

Trying to find the attribute value from a url hash.

// URL
http://url.com/index.html#link

// HTML
<a href="#link" rel="3">Some link</a>

// JS
var anchor = window.location.hash.substring(1);
// Need help finding attribute value from finding the anchor
var attribute = .find('#+anchor').attr('rel'); //this needs to have a value of 3

All help appreciated. Thanks :)

Answer 1

You can do it using an attribute-equals selector, like this:

$('a[href="'+window.location.hash+'"]').attr("rel")

Or .filter(), like this:

$("a").filter(function() { return this.hash == location.hash; }).attr("rel")

The .hash starting with # will be consistent, so no need to remove/add this back, just use it as-is.

Answer 2

Is this what you need?

var attribute = $("a[href='#" + anchor + "']").attr('rel');

Answer 3

 $('a[href=' + window.location.hash +']').attr("rel");