您的位置:

js当前元素加样式兄弟元素去掉(js修改元素样式的方法)

js当前元素加样式兄弟元素去掉(js修改元素样式的方法)

更新:

本文目录一览:

js中实现点击一个元素加边框,点击另一个元素去掉前一个元素边框,当前元素加边框?

使用:.addClass('active').siblings().removeClass('active');即可

解释:给当前选中的增加边框.addClass('active')

给原先选中的取消边框.siblings().removeClass('active')

详细如下:

style type="text/css"

.clr:after{clear:both;display:block;overflow:hidden;height:0;content:".";}

.clr{zoom:1;}

.price{width:100%;}

.price a{width:100px;height:40px;line-height:40px;text-align:center;background:#eee;float:left;margin:0 5px;display:block;cursor:pointer;}

.price a.active{border:1px solid red;}

/style

div class="price clr"

a5元/a

a10元/a

a100元/a

a200元/a

/div

script type="text/javascript" src="引用jquery.js或zepto.js"/script

script type="text/javascript"

$(function(){

$('.price a').click(function(){

$(this).addClass('active').siblings().removeClass('active');

});

});

/script

效果如下:

js如何给目标元素的兄弟元素更改样式

找到目标元素的父元素,再找到它的子元素即可:

目标元素.parentNode.childNode

然后再通过循环给每个元素更改样式即可。当然这里面也包括了目标元素,要不要排除掉就看你了

也可以直接找目标元素的兄弟元素,但这要分两步走:往前找和往后找,除非目标元素是所有兄弟里面的老大或老幺,倒不如通过老爸直接找到所有兄弟来得更快更方便。

js代码addClass和removeClass写在同一句代码里面

亲,这句话的意思是给当前的这个元素添加一个class,同时把他的兄弟元素的这个class全部去掉的意思

求大神解释一段js代码,代码如下:

切换当前jquery对象的class属性为currentDd, 并且把它的兄弟节点的class为subNav的节点移除掉样式

currentDd

vue中点击div里的当前元素添加class删除其他兄弟元素的class?

toggleClass方法可以实现对某一class进行添加、删除操作。

示例:

1

$('#test').toggleClass('className');

上面的代码将会依次为id为test的元素添加/删除名为className的class,如果test元素存在className,则删除className,如果不存在则添加className。

toggleClass的用法如下:在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即:如果存在(不存在)就删除(添加)一个类。

.toggleClass( className )

className

类型: String

在匹配的元素集合中的每个元素上用来切换的一个或多个(用空格隔开)样式类名。

JS 给一个li添加样式,同时去掉其他li的样式

script type="text/javascript" defer="defer"

function changeStyle(ele){

var liAry=document.getElementById("box").getElementsByTagName("li");

var liLen=liAry.length;

var liID=ele.id;

for(var i=0;iliLen;i++)

{

if(liAry[i].id==liID)

{

liAry[i].style.backgroundColor="#cccccc";

}

else

{

liAry[i].style.backgroundColor="white";

}

}

}

/script

div id="box"

li id='1' style="background-color:#cccccc;" onclick="changeStyle(this)"AAA/li

li id='2' onclick="changeStyle(this)"BBB/li

li id='3' onclick="changeStyle(this)"CCC/li

/div

js当前元素加样式兄弟元素去掉(js修改元素样式的方法)

本文目录一览: 1、js中实现点击一个元素加边框,点击另一个元素去掉前一个元素边框,当前元素加边框? 2、js如何给目标元素的兄弟元素更改样式 3、js代码addClass和removeClass写在

2023-12-08
js添加元素修改样式,js怎么修改样式

2022-11-25
js加载新样式(原生js给元素添加样式)

本文目录一览: 1、JS控制CSS 鼠标滑过就加栽新的CSS样式 2、没有分了,求帮助---用js在页面加载后添加样式 3、如何实现JavaScript动态加载CSS和JS文件 4、如何用JS修改已加

2023-12-08
JS获取兄弟元素详解

2023-05-19
原生js给元素添加样式,js给dom元素添加样式

2022-11-23
js去掉一个元素的某个样式,js移除指定元素

2022-12-02
CSS兄弟元素

2023-05-20
js获取clonenode(Js获取元素高度)

本文目录一览: 1、2019-11-24-JS中cloneNode()与cloneNode(true)之间区别 2、JS的获取一个DOM对象怎么才能复制它 3、js 的clonenode怎么用 4、j

2023-12-08
js批量设置元素的样式,js设置样式有几种方式

2023-01-06
js里怎么改样式,JS修改样式

2022-11-23
JQ兄弟元素详解

2023-05-19
js怎样修改样式(js怎么修改style)

本文目录一览: 1、JS 动态修改CSS 样式方法/全局 2、怎样用js修改div里标签的样式 3、JS修改CSS设置的样式 4、js 怎么通过class改变样式 JS 动态修改CSS 样式方法/全局

2023-12-08
js层级选择框样式(JS选择框)

本文目录一览: 1、如何用JS选中下拉框选项 2、js层次选择器div+one 这个+号代表什么 3、jQuery层次选择器用法示例 4、用js怎么设置单元格的边框 5、如何用js实现select下拉

2023-12-08
JQuery获取兄弟元素详解

2023-05-22
CSS下一个兄弟元素的妙用

2023-05-22
js设置dom样式,js设置dom属性

2022-11-23
包含js同级去掉样式的词条

本文目录一览: 1、用js的什么方法把样式的某个属性去掉而其他的属性保留 2、JS 给一个li添加样式,同时去掉其他li的样式 3、js怎么去掉一个div里的style 4、用JS代码,实现《去除同栏

2023-12-08
关于js设置html元素样式的信息

本文目录一览: 1、通过JS可以直接调用一个CSS样式表名来对HTML元素进行外观设置吗? 2、js问题:外部调用js,改变html某些元素的样式,及addEventListener的用法。 3、在j

2023-12-08
JS修改元素属性的全面指南

2023-05-18
js获取classname后修改属性(js根据classna

本文目录一览: 1、js 怎么通过class改变样式 2、js和jq怎么修改className然后怎么能对其className操作 3、js获取ClassName后,怎样设置元素宽度 4、现在自学Ja

2023-12-08