選單欄 是頂級ul 里面的根級li ,根級li里面又包含不確定個數的ul,各個ul又包含不確定個數的li,依此遞回,li又包含ul,ul包含li等等 (總而言之,各個主選單包含不確定的子選單欄們,子選單欄們又包含不確定的子選單欄們)
需求: 通過傳入id的值直接打開最深層的選單(即讓主選單到最深層選單 一條線都保持打開 )
a標簽的 onclick="menuClick('module058b5904-b28e-4652-be1a-2667e0792899', '引數型別', pages/datadictionary/parameter_type.html')")是打開選單欄的點擊方法
部分效果圖如下:

代碼片段如下(#accordion是頂級ul的id)
function openMenu(id) {
console.log(1);
//根據id展開所有父級
var obj = $("#" + id);
//console.log(obj.parents().find("#accordion>li").length);
obj.parents().find("#accordion>li").each(function (i, o) {
$(o).each(function (i1, o1) {
});
});
obj.parent().parent().show();document.getElementById(id).click();//這2行是只有2級選單時通用
}
如何實作由其他地方傳遞一個引數id進來 讓最深層的a標簽到最頂層的選單欄一路上的選單都展開 并且背景是亮的(如上圖所示)
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/264026.html
標籤:JavaScript
上一篇:本人花了一個星期的時間,使用ASP代碼獲得公歷并轉換成農歷時間(2021年至2100年))
下一篇:jQuery遍歷的幾種方式
