删除#anchor之前的href链接的一部分？

Question

I have a link on my page as so:

<li class="jump"><a href="http://example.com/#about">About Me</a></li>

I'd like to use jQuery to remove the ' http://example.com/ ' part of any URL within a .jump class. Can you point me in the correct direction, with the simplest code possible? I want the code to remove anything before the hash, without specifying the URL (eg remove http://example.com/ ) in the jQuery code if possible.

thank you!

Answer 1

You can use:

1) .each() to iterate over the all anchor

2) split current href on occurence of # and use second array element

3) concatenate the new href with # in front and set the new href

$('.jump a').each(function(){
  $(this).attr('href','#'+$(this).attr('href').split('#')[1]);
});

Answer 2

The simplest method I can think of would be to split the URL using the anchor character # as the delimiter:

var url = $(".jump").attr("href"); // "http://example.com/#about"
var split_url = url.split("#");
var after_hash = split_url[1];

Your after_hash variable should now contain the value: "about". You'll need to re-add the anchor character to this value if you intend to insert it back into the href attribute.

Since it sounds to me like you are intending to use this functionality on multiple urls, I would recommend placing this code into a function and calling when needed.

Answer 3

You could use substring and lastIndexOf .

$(".jump a").each(function() {    
    var $this = $(this),
        href = $this.attr("href");

    $this.attr("href", href.substring(href.indexOf("#")));        
});

Answer 4

Here is how I would do it using jQuery:

$(".jump a").each(function() {
    var newHref = $(this).attr("href").replace("http://example.com/", "");
    $(this).attr("href", newHref);
});