一个节点添加class，其余兄弟节点 移除class

最新推荐文章于 2022-03-23 10:30:45 发布
最新推荐文章于 2022-03-23 10:30:45 发布
阅读量4k 收藏
点赞数
分类专栏： js 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fhjdzkp/article/details/99358122
版权

function handleOnclick(){

 

// if(to.nodeName !== "UL"){

// to.classList.remove("visitedA");

// to.setAttribute("class", "visitedA");

// console.log(to)

// console.log(to.parentNode.parentNode.children)

 

// var siblings = to.parentNode.parentNode.children;

// for(var i = 0, pl = siblings.length; i < pl; i++) {

// if(siblings[i].children[0] !== to) {

// siblings[i].children[0].classList.remove("visitedA");

 

// }

// }

// }


 

// var to = event.target;

// if(to.nodeName !== "UL"){

// to.setAttribute('style', 'background: #38A7FD !important;color:white !important');

// to.style.color= "red";

// console.log(to)

// console.log(to.parentNode.parentNode.children)

 

// var siblings = to.parentNode.parentNode.children;

// for(var i = 0, pl = siblings.length; i < pl; i++) {

// if(siblings[i].children[0] !== to) {

// siblings[i].children[0].removeAttribute("style");

 

// }

// }

// }

}

 

一只特立独行的猫猫
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【vue】点击当前按钮添加指定样式，再移除兄弟节点样式
栀妹儿的炼丹炉
12-22 4459
使用vue点击当前按钮添加指定class：active，将兄弟节点样式移除 页面调用代码： <div class="tab-box" > <div v-for= "(item,index) in tabdata" :key = "index" :class="item.class" @click="changeClass(index)" >{{item.label}}</div> </div> data() { return { acti.
vue多选添加class再次点击移除
zt-records的博客
12-31 1336
这里写自定义目录标生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 ```html 在这里插入代码片 你好！ 这是你第一次使用 **Markdown编辑器** 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 ## 新的改变 我们对Markdo
给当前元素添加class，移除兄弟元素的class
weixin_36706903的博客
03-12 1万+
需求：经常会遇到一种情况，选中某个元素，要求添加单独的样式，这时候我们一般用addClass('active')，同时要移除上一个添加active类的元素的active样式 { event:'click', selector:'li', callback:function (e) { //添加单独的样式 $(e).siblings().r...
html用js添加兄弟节点,jquery 删除节点 添加节点 找兄弟节点的简单实现
weixin_42516414的博客
06-29 2191
$().empty(); //该方法会删除当前节点下的所有子节点，请注意当前节点不会 被删除$().remove(); //该方法会删除当前节点下的所有子节点，请注意 当前节点会 被删除$().append('something') //该方法在当前节点的末尾 添加 这个a标签$().after('something') //该方法在当前节点后面 添加 这个a 标签 相当于添加了一个兄弟元...
Vue.js 点击当前元素添加class 删除兄弟元素的class【开发记录】
单枪匹码
01-02 1922
1、需求：之前遇到一个需求，就是一个话费兑换页面，其中有很多话费兑换的选项（10元话费、20元话费等等），点击其中一项后（例如我们点击了10元话费），会令10元话费这个选项框样式改变成其他颜色，并弹出兑换窗口用来输入验证码进行兑换（当然这个弹出窗会动态的提示你要兑换的是多少元的话费），该窗口可以点击取消，取消以后，再点击其他的兑换项（比如我们又点击了20元话费的兑换项）那么该兑换框会修改样式并将之...
超有用！原生JS实现增加删除class（addClass,removeClass,toggleClass）
MiuWing的博客
07-16 5259
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35
动态添加class属性
初心者
04-07 8181
使用JQuery为JS动态添加的div块添加class属性
dom部分总结
weixin_45955339的博客
05-19 213
获取元素 4个动态获取 document.getElementsByClassName("") // 根据类名称获取，返回的是集合 document.getElementsByName("") // 返回的是集合 document.getElementById("") // 根据类名称获取 返回的是单个对象 document.getElementsByTagName("") //根据标签名获取 返回的集合 document.querySelector("")//参数是css选择器还可以是标签名
在vue中动态添加class类进行显示隐藏实例
10-16
在Vue.js框架中，动态添加和移除class是常见的需求，尤其在控制元素的显示与隐藏时。在本文中，我们将深入探讨如何在Vue中利用动态class实现元素的显示和隐藏，结合提供的代码实例进行详细解析。 首先，我们需要...
jQuery插件zTree实现清空选中第一个节点所有子节点的方法
11-26
4. **实现清空子节点功能**：编写一个名为`removeChildNodesTree`的函数，该函数通过`$.fn.zTree.getZTreeObj()`获取zTree对象，然后遍历所有节点，找到第一个节点并移除其所有子节点。 ```javascript function ...
vue 监听添加样式，并移除兄弟节点上的样式（选项卡）
maoxiaohei_的博客
02-22 883
基础html <telemplate> <view class="menu-tab-content"> <!--通过循环列表，监听列表index，判断点击添加样式--> <!--给点击的index添加样式--> <!--绑定样式--> <view class="content-tabs" v-for="(item, index) in dataList" v-on:click="addClass(ind.
JavaScript的笔记
ScholarTang的博客
03-06 406
前言 这几天学习JavaScript和JQuery，今天给大家分享一个关于JavaScript的一些笔记 若有不当之处请大佬多多指点！！ JavaScript的概述： Java是面向对象的脚本语言 javaScript是基于对象和事件驱动的脚本语言，主要用在客户端。 JavaScript语法(笔记) JavaScript概述： JavaScript是基于对象和事件驱动的脚本语言，主要应用...
uniapp中的addClass（仿jQuery动态添加class方法） - removeClass的方法
Rudon滨海渔村的博客
03-23 3402
效果 效果： 点击变红色(addClass clicking)，0.5秒后还原 (removeClass) 思路 建议先看以下的完整DEMO。 uniapp中没有addClass、removeClass，需要用到“通过变量动态控制class是否显示” 点击， js判断当前事件e绑定的容器的data-product是什么， 对应修改某个变量， 这个变量控制某个class的显示/隐藏 - class自定义样式 setTimeout() 定时再次修改变量 完整代码 <templat
js实现点击元素添加class并删除其他同级元素class
Stu222223的博客
07-28 2652
$(".brand li").click(function(){ $(this).find("a").addClass("current"); $(this).siblings().find("a").removeClass("current"); // .siblings() 返回被选元素的所有同级元素（其余）。 }); });
删除兄弟节点的class样式
看陌生的风景的博客
09-26 1426
$("#ten_days").siblings("a").removeClass("sec");
原生js给DOM元素添加一个或者多个类的方法总结
热门推荐
涂涂
12-28 4万+
先看两个例子： html: 啦啦啦 css： .test{ width: 100px; height: 100px; background: #B6BAC4; } .test1{ border: 1px solid; width: 200px; border-radius: 4px; } .test2{ margin: 0 auto; } .test3{
js对节点的操作，添加，删除，获得父节点，子节点，兄弟节点
jenyzhang的专栏
09-28 3万+
var chils= s.childNodes; //得到s的全部子节点 var par=s.parentNode; //得到s的父节点 var ns=s.nextSbiling; //获得s的下一个兄弟节点 var ps=s.previousSbiling; //得到s的上一个兄弟节点 var fc=s.firstChild; //获得s的第一个子节点 var lc=s.la
comfyui节点缺少class_type
最新发布
07-06
在使用ComfyUI（舒适UI）这个前端组件库时，如果遇到"node缺少class_type"的错误，这通常意味着你在操作某个节点的过程中，尝试给它添加CSS类名时，发现该节点并没有对应的"class_type"属性。Class_type通常是用于...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值