js动态绑定class（当前父级div下的子元素有没有这个class，有的话移除，没有的话添加）

 

<div class="layui-inline" id=‘’   onclick="changeType(id)">
                <label class="layui-form-label"></label>
              </div>

 

function changeType(id){//id是通过绑定事件传过来的
            var askclass = document.getElementById('askclass'+id);//采取拼接方式获取当前点击的哪一个元素
            var askclassParsent=askclass.parentNode; //获取当前父级分类
            var askclassChriden=askclassParsent.children//获取父元素下的所有子元素
             for(var i=0;i<askclassChriden.length;i++){//循环所有子元素
                if(askclassChriden[i]==askclass){//如果点击的是当前子元素
                  askclassChriden[i].classList.add("select")//添加class样式
                }else{
                askclassChriden[i].classList.remove("select") //不是的话就移除其他子元素的样式
                }
                }
            
            }

来源：oschina

链接：https://my.oschina.net/u/4287100/blog/4301298