javascript - 选择一个标签,给选中的标签添加类样式,给同辈元素删除类样式
本文介绍了javascript - 选择一个标签,给选中的标签添加类样式,给同辈元素删除类样式的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
单击一个标签,给他添加类样式,同时删除同辈元素类样式。
//单击事件,
$(".user-menu li a").click(function(){
//单击时,给他添加样式,同时遍历同辈元素删除该样式
//但是实现不了,是不是我的思路错了
$(this).addClass("active").siblings().removeClass("active");
});
//标签,li标签里面有个a标签,初始只有收藏车辆有样式,,不知道为什么显示不出来
<ul class="user-menu">
<li>收藏车辆</li>
<li>降价提醒</li>
<li>浏览记录</li>
</ul>
未点击时
点击后 是想点击的标签添加演示,把原来标签的样式删除,只留一个样式
点击后 想实现的样子 未实现
解决方案
$(".user-menu li a").click(function(){
//先全部干掉
$(".user-menu li a").removeClass("active");
//再给this加上
$(this).addClass("active");
});
我一般是这么用的,同求更好方案;
补充:你的选择器选到的是li标签内部的a标签,然后找a标签的同辈元素,是找不到其他li标签下的a标签的。
这篇关于javascript - 选择一个标签,给选中的标签添加类样式,给同辈元素删除类样式的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文