Как выделять три месяца при наведении на кнопку?

Question

[feniksdv]

Привет. Мне нужно чтобы при наведении на кнопку квартал выделялись сразу 3 месяца, а на год выделялись все месяцы, отдельно по месяцам сделал, а вот как работать с parentNode.replaceChild и массивами не могу понять. Может я вообще не в ту сторону пошел.

Answer 1

[twobomb]

Comments

[feniksdv]

twobomb, спасибо работает.
1. у вас вот тут вот добавляется класс selected.

Array.from(document.querySelectorAll(Array.apply(null,Array(n)).map((el,i)=>`.top-wrp-hidden-right-wrp-button[value="${c-i}"]`).join(","))).forEach(e=>e.classList.add('selected'));

А как это можно обернуть в тег span c классом selected? т.е. чтобы выделенные месяцы были внутри тега span,
2. и как можно сделать так чтобы выделялось прошедшее полугодие, т.е. сегодня апрель, а чтобы выделялось (март, февраль, январь, декабрь, октябрь, ноябрь)?

[twobomb]

feniksdv,

[feniksdv]

twobomb, спасибо, немного не то, я наверное непонятно выразился. Вот так вот нужно, чтобы span оборачивал.
//допустим квартал

<span class="selected">
      <button class="top-wrp-hidden-right-wrp-button" name="month" value="1">Январь</button>
      <button class="top-wrp-hidden-right-wrp-button" name="month" value="2">Февраль</button>
      <button class="top-wrp-hidden-right-wrp-button" name="month" value="3">Март</button>
   </span>

а у вас сейчас получается каждый button в .

[twobomb]

feniksdv, в некоторых случаях это будет невозможно сделать, когда например полугодие захватывает 3 кнопки с конца и 3 сначала, тут или теряется сортировка или нужно 2 спана

[feniksdv]

twobomb, да пусть будет два спана, в этих случаях. Я сам пытаюсь сделать это, но у меня не получается. Спасибо.

Answer 2

[Сергей Соколов]

Comments

[twobomb]

Квартал это четверть, 12/4=3 месяца, а тут четыре

[Сергей Соколов]

fixed )