Using a jquery variable as an href selector

Question

Apologies for this basic question, but I am noob stumped.

The below code works fine. What I wish to do is take the hash stored as a variable and target an href on the page with the same hash/target id, (eg. page that link is on = page.php#options , link= <a href="#options"> ), adding a class to the specific link.

eg. instead of #options I'd like it to be whatever (if anything) is stored in the variable hash. I've tried many combinations of $('[href="hash"]') , $('a[href=hash]') etc, but my jquery isn't that fluent so I'm not sure where I am making mistakes.

The only thing I can think is that the hash stored may not include the "#" which the targeted href calls for, but that might be a stretch.

$(document).ready(function() {

    var hash = window.location.hash;

    if(hash != "") {
        $('[href="#options"]').addClass("selected");
    }       
});

I hope this makes sense, any insight would be appreciated. Thanks in advance.

spacevillain · Accepted Answer · 2011-11-02 19:20:11Z

7

$('[href="' + hash + '"]').addClass("selected");

:-)

answered Nov 2, 2011 at 19:20

spacevillain

1,3362 gold badges14 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

whist Over a year ago

One more question if possible. This works well with webkit browsers, but in firefox the page scrolls to where the hidden div was, not to where it now resides (at the top of the specified section). Is there something else I'm missing? Thanks again in advance.

$(document).ready(function() { var tabContainers = $('div.tabs > div'); var hash = window.location.hash; if(hash != "") { tabContainers.hide().filter(hash).show(); $('div.tabs ul.tabNavigation a').removeClass("selected"); $('[href="' + hash + '"]').addClass("selected"); } });

spacevillain Over a year ago

Not sure if related, but your '.filter(hash)' look weird. Hash variable contains hash string, it makes no sense for filter function. You probably meant '.filter($('a[href="' + hash '"]')'. Also check code for errors in console.

whist Over a year ago

Yeah, I'm not getting any errors in console. That specific line of code is for displaying the correct hidden div. It seems to work fine, but I understand the weird syntax, but I don't think it's part of the "hash jump" problem... Thanks though, I appreciate it.

Collectives™ on Stack Overflow

Using a jquery variable as an href selector

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related