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") //不是的話就移除其他子元素的樣式
                }
                }
            
            }