zoukankan      html  css  js  c++  java
  • 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") //不是的话就移除其他子元素的样式
                    }
                    }
                
                }

  • 相关阅读:
    opencv7-ml之KNN
    opencv7-ml之统计模型
    计算机视觉-sift(2)代码理解
    计算机视觉-sift(1)原理
    PRML2-概率分布
    如何高效的通过BP算法来训练CNN
    CPP2-基础部分(1)
    PRML5-神经网络(2)
    《机器学习系统设计》(2)
    《机器学习系统设计》(1)
  • 原文地址:https://www.cnblogs.com/uniapp/p/13043060.html
Copyright © 2011-2022 走看看