Версия 15:20, 28 сентября 2023 | | Версия 15:37, 28 сентября 2023 |
Строка 1: | | Строка 1: |
? | var mbAll = document.querySelectorAll(".main-block") | | + | //Получение всех блоков с табами |
| | + | var mbAll = document.querySelectorAll(".main-block"); |
| //Выдаём каждому табу уникальный номер | | | //Выдаём каждому табу уникальный номер |
| for (mb_i = 0; mb_i < mbAll.length; mb_i++) { | | | for (mb_i = 0; mb_i < mbAll.length; mb_i++) { |
| mbAll[mb_i].setAttribute("maintabs-num", mb_i); | | | mbAll[mb_i].setAttribute("maintabs-num", mb_i); |
| //Получаем табы и листы на первом уровне вложенности | | | //Получаем табы и листы на первом уровне вложенности |
? | var tabAll = mbAll[mb_i].querySelectorAll(`[maintabs-num="${mb_i}"] > .tab-block:nth-child(1n)`); | | + | var tabAll = mbAll[mb_i].querySelectorAll('[maintabs-num="'+mb_i+'"] > .tab-block:nth-child(1n)'); |
? | var listAll = mbAll[mb_i].querySelectorAll(`[maintabs-num="${mb_i}"] > .list-block:nth-child(1n)`); | | + | var listAll = mbAll[mb_i].querySelectorAll('[maintabs-num="'+mb_i+'"] > .list-block:nth-child(1n)'); |
| //Даём каждому табу номер блока и номер таба | | | //Даём каждому табу номер блока и номер таба |
| for (tb_i = 0; tb_i < tabAll.length; tb_i++) { | | | for (tb_i = 0; tb_i < tabAll.length; tb_i++) { |
Строка 27: | | Строка 28: |
| } | | | } |
| } | | | } |
? | listTarget = document.querySelector(`[maintabs-num="${eventMainAtr}"][listtabs-num="${eventTabAtr}"]`); | | + | listTarget = document.querySelector('[maintabs-num="'+eventMainAtr+'"][listtabs-num="'+eventTabAtr+'"]'); |
? | console.log(listTarget); | | + | |
| listTarget.classList.add('active'); | | | listTarget.classList.add('active'); |
| event.target.classList.add('active'); | | | event.target.classList.add('active'); |
Строка 38: | | Строка 38: |
| listAll[lb_i].setAttribute("listtabs-num", lb_i); | | | listAll[lb_i].setAttribute("listtabs-num", lb_i); |
| } | | | } |
| | + | } |
| | + | var tabZero = document.querySelectorAll('.tab-block[tabtabs-num="'+0+'"]'); |
| | + | var listZero = document.querySelectorAll('.list-block[tabtabs-num="'+0+'"]'); |
| | + | for (tz_i = 0; tz_i < tabZero.length; tz_i++) { |
| | + | tabZero[tz_i].classList.add('active'); |
| | + | } |
| | + | for (lz_i = 0; lz_i < listZero.length; lz_i++) { |
| | + | listZero[lz_i].classList.add('active'); |
| } | | | } |