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

相關文章
相關標籤/搜索