javascript - 如何通过jQuery向href属性添加/更新参数？

我有一个页面有一个锚元素：

<a id="courses" href="/courses">Courses</a>

我想在href中添加或更新一些参数，例如：
添加country参数：<a id="courses" href="/courses?country=US">Courses</a>
将country参数从US更新为UK：<a id="courses" href="/courses?country=UK">Courses</a>
通过JavaScript或jQuery最好的方法是什么？

最佳答案

使用jquery.attr( function )添加/编辑元素的属性。在函数检查中，如果属性没有href参数，则添加到该属性，如果有则编辑它。

$("#courses").attr("href", function(i, href){
  var index = href.indexOf("?");
  return (index == -1 ? href : href.substring(0, index)) + "?country=US";
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a id="courses" href="/courses">Courses</a>

关于javascript - 如何通过jQuery向href属性添加/更新参数？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53502667/