分享

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

 Coder编程 2021-10-16

 

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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多