通过 javascript 将 url 参数传递到多个不同的 a href 链接

Question

诚然，javascript 不是我的强项。我需要能够使用 javascript 将 url 中的参数附加到三个 a href 链接中。 url 的结构将是 www.mysite.com? 参数。

目前，链接是：

https://www.acme.com/sui?bc=QOS-B20 https://www.acme.com/sui?bc=USE-BFN https://www.acme.com/sui?bc=USP-BFN

生成的链接应该是：

https://www.acme.com/sui?bc=QOS-B20&sc=parameter https://www.acme.com/sui?bc=USE-BFN&sc=parameter https://www.acme.com/sui?bc=USP-BFN&sc=parameter

我已经在页面上加载了 jquery。

我尝试按照这篇帖子中的说明进行操作：Passing an URL parameter to a href link using Javascript，但没有成功。

谢谢！

Answer 1

你可以用 jquery 轻松完成

$('.class-of-links-to-update').each(function(){
  $(this).attr('href',$(this).attr('href')+'&'+param));
});

.class-of-links-to-update 是 href 上类属性内的值

<a class="class-of-links-to-update" ....

我使用每个函数循环通过 jQuery 返回的结果。

this 表示结果列表中的当前元素，$(this) 会将元素转换为 jQuery 对象，以便我们可以使用 jQuery 方法获取和设置 HTML 元素的属性。

所以只需执行上面的 JavaScript 来更新你的结果。

例如

function updateHrefs(param) {
    $('.class-of-links-to-update').each(function(){
      $(this).attr('href',$(this).attr('href')+'&'+param));
    });
}

end 然后在需要时调用该函数

例如点击按钮

$('#id-of-button').click(function(){
  updateHrefs('sc=parameter');
});