溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

Jquery的tab標(biāo)簽做法

發(fā)布時(shí)間：2020-07-10 06:15:43 來源：網(wǎng)絡(luò) 閱讀：447 作者：xiaoqiang_sea 欄目：web開發(fā) 
$(function(){
    var $div_li =$("#tab-tt ul li");
    $div_li.click(function(){
        $(this).addClass("active2")            //當(dāng)前<li>元素高亮
               .siblings().removeClass("active2");  //去掉其它同輩<li>元素的高亮
        var index =  $div_li.index(this);  // 獲取當(dāng)前點(diǎn)擊的<li>元素 在 全部li元素中的索引。
    })
})


頁面代碼如下:

<div class="orderChooseNav fn-clear mb10" id="tab-tt">
    <ul>             
        <li id="01"               
        <li id="02"                
        <li id="03"                
        <li id="04"                
        <li id="05"                
        <li id="06"  class="active2"><a href="#">全部</a> </li>            
    </ul>
</div>


向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手