javascript - 在#anchor 之前删除 href 中的部分链接？

Question

我的页面上有一个链接:

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

我想使用 jQuery 删除“http://example.com/” ' .jump 类中任何 URL 的一部分。你能用最简单的代码指出正确的方向吗？如果可能，我希望代码删除散列之前的任何内容，而不在 jQuery 代码中指定 URL(例如删除 http://example.com/)。

谢谢!

Answer 1

您可以使用:

1) .each() 遍历所有 anchor

2) 在 # 出现时拆分当前 href 并使用第二个数组元素

3) 将新的href与前面的#拼接起来并设置新的href

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