Как отредактировать все теги href на другом элементе? - PullRequest
Новая
       10

Как отредактировать все теги href на другом элементе?

0 голосов
/ 18 октября 2018

У меня есть ссылки ширины навигационной панели на все месяцы с атрибутом 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>

Извините за мой английский

1 Ответ

0 голосов
/ 18 октября 2018

добавить это в функцию onClick 

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