Question

不可否认，javascript不是我的强项。我需要能够使用javascript将来自url的参数附加到三个href链接中。网址的结构将是www.mysite.com?parameter。

目前，链接是：

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上的class属性中的值

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

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

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

所以只需执行以上JavaScript即可更新结果。

e.g。

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

结束然后在你想要的时候调用该函数

e.g。点击按钮

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

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

1 个答案: