仅使用 javascript 查找兄弟姐妹和添加类

Question

我想在 javascript 中目标元素的兄弟姐妹上添加 class。我在使用 jquery 之前已经完成了这个，这很容易。但在我目前的组织中，他们不使用 jquery，我需要使用 javascript，这对我来说非常困难。

我已经编写了一些代码，将点击功能附加到匹配的元素，但之后我没有获得任何登录以了解如何实现它。 fiddle

var elements= document.getElementsByTagName('*'),i;
i=0;

while(elements[i]){
    if(elements[i].className=='c'){
        elements[i].addEventListener('click',function(){            
            this.jsSiblings().jsAddClass('newClass')
            })
        }
    i++
}


Array.prototype.jsSiblings= function(){

//code  
}

Array.prototype.jsAddClass=function(){

//code
}

Answer 1

可以使用JS中的base函数添加一个class,element.classList.add("anotherclass");（来自MDN) and here you will find out about siblings without jQuery : How to find all Siblings of currently selected object

仅使用 javascript 查找兄弟姐妹和添加类

find siblings and addclass using javascript only

javascript