如何在 URL 上<a href>使用 javascript 点击它时</a>添加价值

Question

所以我有四个链接，例如不同的 Href

<a href="markmendoza.com/123">
<a href="markmendoza.com/555">
<a href="markmendoza.com/666">
<a href="markmendoza.com/999">

我想在点击它时通过添加更多值来操纵href

当它被点击时，它将是：

    markmendoza.com/123/?Sample
    markmendoza.com/555/?Sample
    markmendoza.com/666/?Sample
    markmendoza.com/999/?Sample

我得到了我的代码

    let a = document.querySelectorAll('a');
     for (let i = 0; i < a.length; i++) {
      a[i].addEventListener("click", function(event) {
        event.target.href = event.target.href + '/?Sample';
      }

它的添加很好，但是一旦您多次单击它，它只会一次又一次地在链接末尾添加/?Sample ，所以如果我单击链接 10 次，它将是markmendoza.com/123/?Sample?Sample?Sample?Sample ?样品?样品?样品

Answer 1

如果您只想添加一次保护它，请使用这样的 if 语句：

for (let i = 0; i < a.length; i++) {
    a[i].addEventListener("click", function (event) {
        if (!event.target.href.includes('/?Sample')) { //add this
            event.target.href = event.target.href + '/?Sample';
        }
    });
}

Answer 2

尝试这个

let links = document.querySelectorAll('a');
jQuery.each( links, function( a, val ) {
  a.addEventListener("click", function(event) {
    link_href = event.target.href || ''
    if(!link_href.includes('/?Sample') {
      event.target.href = link_href + '/?Sample';
    }
  }
});