jquery中toggle函数交替使用问题


Posted in Javascript onJune 22, 2015

html中有几个btn触发toggle函数,想要实现的功能是:点击每个toggle时将其他toggle函数的计数全部清零,试过removedata不起作用,是否有更好的办法呢

给大家一个实例来参考下吧

请参考这个:jsp页面

<li>
<label class="labelText">统计类型:</label>
<span class="sortBox">
<a href="javascript:;" data-type="subject">按学科统计</a>
<a href="javascript:;" data-type="classlevel">按年级统计</a>
<a href="javascript:;" data-type="lower">按下级统计</a>
</span>
</li>

js代码:

$('.sortBox').on('click', 'a', function () {
$(this).addClass('selected').siblings().removeClass('selected');
}) ;
$('.sortBox a')[0].click();

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
javascript void(0)的妙用
Oct 21 Javascript
js实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色
May 27 Javascript
jQuery用unbind方法去掉hover事件及其他方法介绍
Mar 18 Javascript
JS 对输入框进行限制(常用的都有)
Jul 30 Javascript
JavaScript输入邮箱自动提示实例代码
Jan 13 Javascript
javascript删除字符串最后一个字符
Jan 14 Javascript
PHPMyAdmin导入时提示文件大小超出PHP限制的解决方法
Mar 30 Javascript
原生js三级联动的简单实现代码
Jun 07 Javascript
easyui combobox开启搜索自动完成功能的实例代码
Nov 08 Javascript
微信小程序 同步请求授权的详解
Aug 04 Javascript
vue-router 手势滑动触发返回功能
Sep 30 Javascript
Vue 中的受控与非受控组件的实现
Dec 17 Javascript
浅谈js 闭包引起的内存泄露问题
Jun 22 #Javascript
js闭包所用的场合以及优缺点分析
Jun 22 #Javascript
JavaScript创建闭包的两种方式的优劣与区别分析
Jun 22 #Javascript
javascript中使用new与不使用实例化对象的区别
Jun 22 #Javascript
浅谈javascript构造函数与实例化对象
Jun 22 #Javascript
jquery分析文本里url或邮件地址为真实链接的方法
Jun 20 #Javascript
jQuery实现文本框输入同步的方法
Jun 20 #Javascript
You might like
php创建桌面快捷方式实现方法
2015/12/31 PHP
JS判断变量是否为空判断是否null
2014/07/25 Javascript
jQuery函数map()和each()介绍及异同点分析
2014/11/08 Javascript
jQuery中insertAfter()方法用法实例
2015/01/08 Javascript
Nodejs学习笔记之测试驱动
2015/04/16 NodeJs
详解AngularJS实现表单验证
2015/12/10 Javascript
JavaScript开发Chrome浏览器扩展程序UI的教程
2016/05/16 Javascript
在Web项目中引入Jquery插件报错的完美解决方案(图解)
2016/09/19 Javascript
在vue-cli脚手架中配置一个vue-router前端路由
2017/07/03 Javascript
vue2.0移除或更改的一些东西(移除index key)
2017/08/28 Javascript
jQuery 防止相同的事件快速重复触发方法
2018/02/08 jQuery
vue服务端渲染缓存应用详解
2018/09/12 Javascript
微信小程序自定义导航教程(兼容各种手机)
2018/12/12 Javascript
js时间戳转yyyy-MM-dd HH-mm-ss工具类详解
2019/04/30 Javascript
vue.js this.$router.push获取不到params参数问题
2020/03/03 Javascript
vue基于better-scroll仿京东分类列表
2020/06/30 Javascript
基于ID3决策树算法的实现(Python版)
2017/05/31 Python
聊聊Python中的pypy
2018/01/12 Python
python 自动重连wifi windows的方法
2018/12/18 Python
Python脚本去除文件的只读性操作
2020/03/05 Python
在python中求分布函数相关的包实例
2020/04/15 Python
CSS3属性box-shadow使用指南
2014/12/09 HTML / CSS
基于HTML5实现类似微信手机摇一摇功能(计算摇动次数)
2017/07/24 HTML / CSS
video下autoplay属性无效的解决方法(添加muted属性)
2020/05/19 HTML / CSS
Dyson加拿大官方网站:购买戴森吸尘器,风扇,冷热器及配件
2016/10/26 全球购物
维珍澳洲航空官网:Virgin Australia
2017/09/08 全球购物
美国在线乐器和设备商店:Musician’s Friend
2018/07/06 全球购物
德国家用电器购物网站:Premiumshop24
2019/08/22 全球购物
JSF的标签库有哪些
2012/04/27 面试题
科长个人四风问题整改措施思想汇报
2014/10/13 职场文书
邀请函的格式
2015/01/30 职场文书
培训班开班主持词
2015/07/02 职场文书
医疗纠纷调解协议书
2015/08/06 职场文书
MySQL提取JSON字段数据实现查询
2022/04/22 MySQL
Pandas实现批量拆分与合并Excel的示例代码
2022/05/30 Python
搭建zabbix监控以及邮件报警的超级详细教学
2022/07/15 Servers