单击其他元素时如何编辑所有href的标签？

Question

我有一个导航栏宽度链接到所有月份，并带有月份和年份的 get 属性。

<a href="?ano=2018&mes=09" class="change">Sep</a>
<a href="?ano=2018&mes=10" class="change">Oct</a>
<a href="?ano=2018&mes=11" class="change">Nov</a>
<a href="?ano=2018&mes=12" class="change">Dec</a>

当我单击页面中的另一个元素时，我想为所有标签添加另一个 get attr，如下所示：

<button onclick="add-to-href('&element=1')on-every('.change')">Element 1</button>

<button onclick="add-to-href('&element=2')on-every('.change')">Element 2</button>

单击其他按钮时我不需要太多更改标签，只需添加一个元素我会很高兴=）

整个页面的最终结果应该是这样的：

<a href="?ano=2018&mes=09&element=1" class="change">Sep</a>
<a href="?ano=2018&mes=10&element=1" class="change">Oct</a>
<a href="?ano=2018&mes=11&element=1" class="change">Nov</a>
<a href="?ano=2018&mes=12&element=1" class="change">Dec</a>

对不起我的英语

Answer 1

将此添加到您的 onClick 函数中

document.querySelectorAll(".change").forEach(v => {
 v.setAttribute('href', v.getAttribute('href') + '&element=1');
});