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');
});

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

1 个答案: