Как получить атрибут data-id?

Question

[TipTop89]

Если кликнуть на первый .block-title: к первому .block-title и .progress добавляется класс _active.
если кликнули на второй .block-title то у первого убирается _active.

Comments

[Вадим]

https://learn.javascript.ru/dom-attributes-and-pro...

Answer 1

[DoNiFF]

let blockTitles = document.querySelectorAll(".block-title");
let progresses = document.querySelectorAll(".progress");

blockTitles.forEach(function(item){
    item.addEventListener("click", function() {
          blockTitles.forEach(function(e) {
                if(e.classList[1] == "_active")
                {
                    e.classList.remove("_active");
                }
            })
            progresses.forEach(function(e) {
                if(e.classList[1] == "_active")
                {
                    e.classList.remove("_active");
                }
            })
            let attr = item.getAttribute("data-id");
            progresses.forEach(function(e) {
                if(e.getAttribute("data-id") == attr)
                {
                e.classList.add("_active");
                }
            })
            item.classList.add("_active");
        })
        })

Comments

[TipTop89]

Спасибо!!!

[ThunderCat]

дополню что data атрибуты data- можно нативно использовать через dataset:
let attr = item.dataset.id;