您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

jquery中toggle函数交替使用问题

作者:佚名    责任编辑:admin    更新时间:2022-06-22

   jQuery 的toggle()函数使用show()或hide()函数来切换HTML元素的可见状态。今天我们来探讨下jquery中toggle函数交替使用问题

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

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

  请参考这个:jsp页面

  ?

1 2 3 4 5 6 7 8 <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代码:

  ?

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

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