在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 這樣的應(yīng)該怎么選擇并切換

這樣的應(yīng)該怎么選擇并切換

<ul class="feature-nav feature-nav-scroll">
    <li class="feature-nav-item"><a href="#" class="nav-btn nav-btn-active">Function</a></li>
    <li class="feature-nav-item"><a href="#" class="nav-btn">Configuration</a></li>
    <li class="feature-nav-item"><a href="#" class="nav-btn">Download</a></li>
    <li class="feature-nav-item"><a href="#" class="nav-btn">Compatible Device</a></li>
</ul>
$('.nav-btn').on('click',function(){
    $(this).addClass('nav-btn-active').removeClass('nav-btn-active');
})

不起作用呢？

回答
編輯回答
大濕胸

$('.nav-btn-active').removeClass('nav-btn-active');
$(this).addClass('nav-btn-active');

2018年6月22日 17:25
編輯回答
凹凸曼

樓上說的應(yīng)該是對(duì)的。你先增加再刪除同樣地 class 當(dāng)然應(yīng)該沒效果啊……

2018年2月18日 01:06
編輯回答
入她眼

比較簡單的寫法就是：

$('.nav-btn').on('click',function(){
    $('.nav-btn-active').removeClass('nav-btn-active');
    $(this).addClass('nav-btn-active');
})

或者如果玩鏈?zhǔn)降脑捑褪牵?/p> 

$('.nav-btn').on('click',function(){
    $(this)
        .siblings('.nav-btn-active')
        .removeClass('nav-btn-active')
        .end()
        .addClass('nav-btn-active');
})

題目中的代碼$(this).addClass('nav-btn-active').removeClass('nav-btn-active');譯成白話文就是“當(dāng)前元素加個(gè)active類再刪掉active類”，所以當(dāng)然什么也沒發(fā)生啊。

2017年10月25日 02:47
編輯回答
安于心

選擇父親,再選父親兄弟,再選父親兄弟的兒子 removeClass('nav-btn-active');

$(this).addClass('nav-btn-active').parent().siblings().children().removeClass('nav-btn-active');

或者先選則到 父親的父親 找到下面有'nav-btn-active'的節(jié)點(diǎn) removeClass
然后再$(this).addClass('nav-btn-active')

2017年11月13日 01:42