点击li标签增加样式,并删除其它li标签样式
来源:互联网 发布:逆袭网络剧百度云 编辑:程序博客网 时间:2024/05/16 06:19
页面部分
<ul class="layui-nav layui-nav-tree" lay-filter="demo"> <li class="layui-nav-item layui-nav-itemed"> <a href="javascript:;">默认展开<span class="layui-nav-more"></span></a> <dl class="layui-nav-child"> <dd><a href="javascript:;">选项一</a></dd> <dd><a href="javascript:;">选项二</a></dd> <dd><a href="javascript:;">选项三</a></dd> <dd><a href="">跳转项</a></dd> </dl> </li> <li class="layui-nav-item"> <a href="javascript:;">解决方案<span class="layui-nav-more"></span></a> <dl class="layui-nav-child"> <dd><a href="">移动模块</a></dd> <dd><a href="">后台模版</a></dd> <dd><a href="">电商平台</a></dd> </dl> </li> <li class="layui-nav-item"><a href="">云市场</a></li> <li class="layui-nav-item"><a href="">社区</a></li></ul>
jQuery部分:
//添加li标签的点击事件$('.layui-nav-item').click(function () { var getClass = $(this).attr('class'); //判断当前样式 if(getClass == 'layui-nav-item layui-nav-itemed'){ $(this).removeClass('layui-nav-itemed') }else if(getClass == 'layui-nav-item'){ //增加样式前先删除掉其它li标签的样式 $(this).siblings('li').removeClass('layui-nav-itemed') $(this).addClass('layui-nav-itemed') }})
阅读全文
0 0
- 点击li标签增加样式,并删除其它li标签样式
- <li></li>标签的属性/样式
- 单击li标签并改变其背景样式及获得li标签的id
- 点击一个标签增加一个样式,再点击删除样式
- HTML中li标签CSS样式明细
- CSS样式 ul li 标签的坑
- 动态删除li标签
- DIV+CSS如何控制html标签li的样式,比如删除前面的点
- CSS list-style属性控制li标签样式
- CSS样式ul与li标签属性与布局技巧
- CSS list-style修改列表属性控制li标签样式
- 点击li标签中的a href内容,获取相应的li标签,删除/编辑该li的内容
- 获取ul下li标签里点击的是哪一个li并获取li里a标签的值
- JS实现动态增加和删除li标签行
- jQuery点击li标签改变颜色,其他li标签不变
- js给Li标签增加class
- css控制一个ul标签下的指定li标签样式
- jQuery点击li标签打开新链接
- jquery常用内容速查
- lintcode&九章算法——No.53 翻转字符串 ? 待解决
- 中国电信上海公司正式发布“天翼云”产品
- 直击互联网采购痛点,京东腾讯联手打造新标准
- MFC菜单(1)
- 点击li标签增加样式,并删除其它li标签样式
- 大步迈向CSS
- list用法
- OTB100使用教程
- 阿里云服务器Windows Server 2008 初体验
- easyUI TreeGrid开发详解
- Latex各种命令、符号、公式、排版等
- mt6735 [Audio Common] 播放FM录音,开始时声音很大
- linux文件权限学习