小编Mat*_*Mol的帖子

我正在向按钮添加单击事件，并且需要获取该按钮的父级，之后我需要获取该父级的特定子级。

问题还在于我有多个这样的按钮及其相应的容器和子项。

我能够为每个按钮添加单击事件，但我似乎无法独立获取这些按钮的元素。

超文本标记语言

<div class="parentContainer">
     <div class="otherElement"></div>

     <a class="button">

     <div class="childElement"></div>
</div>

JS

var btn = document.querySelectorAll(".button");

for (let i = 0; i < button.length; i++){
    button[i].addEventListener('click', function(){

        var container = this.closest('.parentContainer');
        var j = 0;

        for(j = 0; j < container.length; j++){ 
            if(j.classList.contains('childElement')){
                j.classList.add('Example')
            } else {
                container.style.background = "white";
            }
        };
    });
}

对于单击的特定按钮，其兄弟元素（childElement）应该获得“Example”类。