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

 

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

 

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") //不是的话就移除其余子元素的样式
                }
                }
            
            }ui

相关文章
相关标签/搜索