jquery中toggle函數(shù)交替使用問(wèn)題
html中有幾個(gè)btn觸發(fā)toggle函數(shù),想要實(shí)現(xiàn)的功能是:點(diǎn)擊每個(gè)toggle時(shí)將其他toggle函數(shù)的計(jì)數(shù)全部清零,試過(guò)removedata不起作用,是否有更好的辦法呢
給大家一個(gè)實(shí)例來(lái)參考下吧
請(qǐng)參考這個(gè):jsp頁(yè)面
<li> <label class="labelText">統(tǒng)計(jì)類(lèi)型:</label> <span class="sortBox"> <a href="javascript:;" data-type="subject">按學(xué)科統(tǒng)計(jì)</a> <a href="javascript:;" data-type="classlevel">按年級(jí)統(tǒng)計(jì)</a> <a href="javascript:;" data-type="lower">按下級(jí)統(tǒng)計(jì)</a> </span> </li>
js代碼:
$('.sortBox').on('click', 'a', function () { $(this).addClass('selected').siblings().removeClass('selected'); }) ; $('.sortBox a')[0].click();
以上所述就是本文的全部?jī)?nèi)容了,希望大家能夠喜歡。
相關(guān)文章
jquery輪播的實(shí)現(xiàn)方式 附完整實(shí)例
這篇文章主要介紹了jquery輪播的實(shí)現(xiàn)方式,文中分享了jQuery輪播完整實(shí)例,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-07-07jQuery插件HighCharts繪制簡(jiǎn)單2D柱狀圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件HighCharts繪制簡(jiǎn)單2D柱狀圖效果,結(jié)合完整實(shí)例形式分析了jQuery使用HighCharts插件繪制2D柱狀圖的實(shí)現(xiàn)步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03jQuery實(shí)現(xiàn)對(duì)無(wú)序列表的排序功能(附demo源碼下載)
這篇文章主要介紹了jQuery實(shí)現(xiàn)對(duì)無(wú)序列表的排序功能,涉及jQuery與javascript常見(jiàn)的文本操作函數(shù)與sort排序函數(shù)的相關(guān)使用方法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06jQuery使用正則表達(dá)式替換dom元素標(biāo)簽用法示例
這篇文章主要介紹了jQuery使用正則表達(dá)式替換dom元素標(biāo)簽的方法,結(jié)合具體實(shí)例形式分析了jQuery正則替換的操作技巧,需要的朋友可以參考下2017-01-01jQuery獲取父元素及父節(jié)點(diǎn)的方法小結(jié)
這篇文章主要介紹了jQuery獲取父元素及父節(jié)點(diǎn)的方法,結(jié)合實(shí)例形式總結(jié)分析了jQuery針對(duì)父元素及父節(jié)點(diǎn)操作的常用技巧,需要的朋友可以參考下2016-04-04