JavaScript：如何从链接的href解析命名锚？

Question

I would like to parse the named anchor from the href of a link when it is clicked. How can this be done?

$(document).ready(function(){
    $('.my-links').click(function(e){
        var href = this.href; // http://example.com#myNamedAnchor
        // now parse out just 'myNamedAnchor'
    });
});

Answer 1

$(document).ready(function(){
    $('.my-links').click(function(e){
        var href = this.href; // http://example.com#myNamedAnchor
        var hash = href.substr(href.indexOf('#'));
        alert(hash);
        return false;
    });
});

JS Fiddle demo .

If you don't want to include the # character, then amend the above to:

$(document).ready(function(){
    $('.my-links').click(function(e){
        var href = this.href; // http://example.com#myNamedAnchor
        var hash = href.substr(href.indexOf('#') + 1);
        alert(hash);
        return false;
    });
});

JS Fiddle demo .

References:

• substr() .
• indexOf() .

Answer 2

You can get the anchor with this.hash . To strip out the # , use this.hash.substr(1) .

$('.my-links').click(function(e){
    var hash = this.hash.substr(1); // myNamedAnchor
});

See the MDN docs .

Answer 3

$(document).ready(function(){
    $('.my-links').click(function(e){
        var href = this.href; // http://example.com#myNamedAnchor
        var myNamedAnchor = href.match(/[^#]*$/);
    });
});

That'll do it.

Answer 4

I think you could do:

$('.my-links').click(function(e){
     //if  http://example.com#myNamedAnchor hash = myNamedAnchor 
     var hash=this.hash;        
});

Answer 5

Use

parsedHref = href.substr(href.indexOf("#")+1);

To find whatever is after the hash.