国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - 選擇一個標籤,為選取的標籤新增類別樣式,給同儕元素刪除類別樣式
黃舟
黃舟 2017-06-12 09:20:42
0
3
984

點選一個標籤,為他新增類別樣式,同時刪除同儕元素類別樣式。

//點選事件,
$(".user-menu li a").click(function(){

//單擊時,給他添加樣式,同時遍歷同輩元素刪除該樣式
//但是實現(xiàn)不了,是不是我的思路錯了
$(this).addClass("active").siblings().removeClass("active");        

});

//標籤,li標籤裡面有個a標籤,初始只有收藏車輛有樣式,,不知道為什麼顯示不出來
<ul class="user-menu">
<li> ;收藏車輛</li>
<li>降價提醒</li>
<li>瀏覽記錄</li>
</ul>

未點擊時

點選後 是想點選的標籤新增示範,把原來標籤的樣式刪除,只留一個樣式

#點選後 想實現(xiàn)的樣子 未實作

黃舟
黃舟

人生最曼妙的風景,竟是內心的淡定與從容!

全部回覆(3)
Ty80

$(".user-menu li a").click(function(){

//先全部干掉
$(".user-menu li a").removeClass("active");    
//再給this加上
$(this).addClass("active");        

});
我通常是這麼用的,同求更好方案;
補充:你的選擇器選到的是li標籤內部的a標籤,然後找a標籤的同儕元素,是找不到其他li標籤下的a標籤的。

曾經(jīng)蠟筆沒有小新

先遍歷所有元素,然後給目前的加樣式,其他的移除這個樣式

大家講道理

我的方案:

$('.user-menu li a').on('click.app', function(){
    // 自身加屬性 - 同輩移屬性
    $(this).addClass('active')
        .parent() // 退回到父級 li
        .siblings()
        .removeClass('active');
});
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板