javascript - 将文本字符串插入 href 链接(特定位置)

标签 javascript jquery html

我的页面上有链接,我也想添加 ID anchor 。我的这段代码工作正常:

window.onload = function() {
    $('#main > div > ul > li > a').attr('href',function(i,str) {
         return str + '#myAnchor';
    });
};

但有时由于页面设置的方式,跟踪会添加到链接中,所以目前发生的情况是我得到 http://www.myurl.com/#someannoyingtracking #myAnchor 不锚定。如何在 URL 之间或始终在“.com/”之后插入 anchor ,如下所示:http://www.myurl.com/ #myAnchor#someannoyingtracking

最佳答案

这将在烦人的跟踪 anchor 之前插入一个 anchor 在 URL 末尾:

$('#main > div > ul > li > a').attr('href', function(i,str) {
  return str.replace(/(\#.+)|($)/, '#myAnchor$1');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main">
  <div>
    <ul>
      <li><a href="http://example.com/#someannoyingtracking">Has anchor</a>
      <li><a href="http://example.com/">No anchor</a>
    </ul>
  </div>    
</div>

关于javascript - 将文本字符串插入 href 链接(特定位置),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33653526/

相关文章:

javascript - PHP 使用 move_uploaded_file 上传图像两次(不应该的时候)

javascript - 单击元素但检测悬停

javascript - TinyMCE 生成随机 <g> 标签?

jquery - 页脚和奇怪的间距和定位

html - 如何强制输入框在所有设备/浏览器中显示相同的内容?

javascript - 如何在没有数据库的情况下实现图片搜索功能

javascript - 使用 onchange jquery 更改对象的值

javascript - 无法读取React中未定义的属性 'xxxxx'

javascript - TS7006 : Parameter 'event' implicitly has an 'any' type

asp.net - 如何在javascript中设置定时间隔?