Document

*{

margin: 0;

padding:0;

}

a{

color:#000;

}

.asd-off{

background-color: yellow;

}

.asd-on{

background-color: lightgreen;

}

.chk-tap{

background-color: #e4393c;

}

.chk-j{

background-color: lightblue;

}

• 即時顯碼
• 追溯查詢
• 生碼管理
• 自動掃碼

倉庫管理

• 產品倉庫
• 出入庫記錄
• 不合格產品

質檢管理經銷商分銷

• 我的商品
• 分銷記錄

基礎信息設置

• 計量單位設置
• 產品檢驗項目設置
• 產品信息
• 企業信息

權限管理

• 角色權限
• 用戶角色
• 用戶管理
• 角色管理
• 權限管理

關于我們

/*左側主導航*/

$('.asd-off').click(function(){

if($(this).siblings('ul').css('display')=='none'){

$(this).parent('li').siblings('li').removeClass('asd-on');

$(this).addClass('asd-on');

$(this).siblings('ul').slideDown(50).children('li');

if($(this).parents('li').siblings('li').children('ul').css('display')=='block'){

$(this).parents('li').siblings('li').children('ul')

.parent('li').children('a').removeClass('asd-on');

$(this).parents('li').siblings('li').children('ul').slideUp(50);

}

}else{

//控制自身變成+號

$(this).removeClass('asd-on');

//控制自身菜單下子菜單隱藏

$(this).siblings('ul').slideUp(50);

//控制自身子菜單變成+號

$(this).siblings('ul').children('li')

.children('ul').parent('li').children('a').addClass('asd-on');

//控制自身菜單下子菜單隱藏

$(this).siblings('ul').children('li').children('ul').slideUp(50);

//控制同級菜單只保持一個是展開的(-號顯示)

$(this).siblings('ul').children('li').children('a').removeClass('asd-on');

}

});

$(".menu_dropdown li").on("click",function(){

$(this).addClass('chk-j').siblings().removeClass("chk-j");

})

$(".menu_dropdown li").on("click",function(){

$(this).addClass('chk-j').siblings().removeClass("chk-j");

})

**請問上面這段代碼可以怎么改進？

這樣做$(this).siblings()只能指向.menu_dropdown直接包裹的li而不能操作到.asd-child里的li將其樣式刪除**

比如說我點【用戶角色】了【產品檢驗項目設置】和【追溯查詢都沒有清除樣式】，需求就是不管是那一層的li點擊了能夠清除.menu_dropdown

li其他的樣式。

總結

以上是生活随笔為你收集整理的siblings获取不平级_siblings()是获取平级元素，哪不是平级应该怎么获取元素呢？...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。