比如這樣一段json quotnamequotquot1級(jí)菜單1quot，quotlinkquotquot###quot，quotisleafquot false，quotlevelquot 0，quotchildrenquot quotnamequotquot2級(jí)菜單1quot，quotlinkquotquot###quot，quotisleafquot false，quotlevelquot 1，quotchildrenquot quotnamequotquot3級(jí)；菜單1 子菜單1 子菜單2 789 遞歸形成樹(shù)形菜單結(jié)構(gòu)的代碼如下第二種形式toolmenuView = functionparentNode， menu if ！parentNode parentNodenodeType ！== 1 ！ArrayisArraymenu retu。

頁(yè)面既然得到從服務(wù)器傳過(guò)來(lái)的json數(shù)據(jù)之后，還要轉(zhuǎn)換為Object 比如，服務(wù)器組裝好的json數(shù)據(jù) id#39001#39，nodeMsg#39節(jié)點(diǎn)1#39 這個(gè)是ajax成功之后的回調(diào) functionxhr var o = eval#39#39 + xhrresponseText + #39；var $tree = $quot#treequot獲取tree var $a_tops = $treechildrenquotliquotchildrenquotaquot找到tree下第一層菜單 a_topsbindquotclickquot， function為第一層菜單綁定事件 var $this = $thisnext。

jquery 樹(shù)形菜單插件

var lastFaqClick=nullvar expandIndex = 1 設(shè)置展開(kāi)一個(gè) windowonload=function var faq=documentgetElementByIdquotfauotvar dls=faqgetElementsByTagNamequotdlquotfor var i=0，dldl=dlsii++。

我有很多收藏，晚上發(fā)給你，馬上下班了。

date 20220414 description 針對(duì)項(xiàng)目中出現(xiàn)樹(shù)形結(jié)構(gòu)數(shù)據(jù)的時(shí)候，我們?cè)鯓尤ゲ僮魉?項(xiàng)目中我們會(huì)經(jīng)常出現(xiàn)對(duì)樹(shù)形結(jié)構(gòu)的遍歷查找和轉(zhuǎn)換的場(chǎng)景，比如說(shuō)DOM樹(shù)族譜社會(huì)機(jī)構(gòu)組織架構(gòu)權(quán)限菜單省市區(qū)路由標(biāo)簽等等。

最近看了 Vuejs 的遞歸組件，實(shí)現(xiàn)了一個(gè)最基本的樹(shù)形菜單項(xiàng)目結(jié)構(gòu)mainjs 作為入口，很簡(jiǎn)單？7 import Vue from #39vue#39 = trueimport main from #39componentsmainvue#39new Vue el #39。

前幾天用非常規(guī)方法實(shí)現(xiàn)了一個(gè)山寨版樹(shù)形菜單如下lt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 401 TransitionalENquot。

思路就是找出父節(jié)點(diǎn)的所有子節(jié)點(diǎn)的checked的屬性設(shè)置成與父節(jié)點(diǎn)一致即可 我是利用jquery實(shí)現(xiàn)，看看是否符合你的要求 function quot#treequottreeviewquotinputname=#39ids#39quotclickfunction var checkedVa。

attachEventquotonclickquot，openobjNodeattachEventquotonclickquot，close 那么在生成樹(shù)的時(shí)候給所有節(jié)點(diǎn)綁定方法openobjNode就可以了上面的代碼是用原生的JS寫的JQuery的你可以在網(wǎng)上找找如何綁定與刪除事件。

這個(gè)問(wèn)題，我建議你去下載下樹(shù)形菜單網(wǎng)上已經(jīng)實(shí)現(xiàn)的js很多，下載下來(lái)一看就明白了；比如，服務(wù)器組裝好的json數(shù)據(jù) id#39001#39，nodeMsg#39節(jié)點(diǎn)1#39 這個(gè)是ajax成功之后的回調(diào) functionxhr var o = eval#39#39 + xhrresponseText + #39#39alertoid + #39#39 + onodeMsg。

子菜單2 789 遞歸形成樹(shù)形菜單結(jié)構(gòu)的代碼如下第二種形式toolmenuView = functionparentNode， menu if ！parentNode parentNodenodeType ！== 1 ！ArrayisArraymenu returnfor let；quottoclevel1ulquotattrnamequote_quot+i= quottoclevel1ulquotattrquotnamequot，quote_quot+i這個(gè)地方寫錯(cuò)了。

lt？php 基本變量設(shè)置 GLOBALSquotIDquot =1 用來(lái)跟蹤下拉菜單的ID號(hào) layer=1 用來(lái)跟蹤當(dāng)前菜單的級(jí)數(shù) 連接數(shù)據(jù)庫(kù) Con=mysql_connectquotlocalhostquot，quotrootquot，quot1234quotmysql_select_dbquotwikiquot提取一；在Vuejs中一個(gè)遞歸組件調(diào)用的是其本身，如Vuecomponent#39recursivecomponent#39， template `lt！Invoking myself！ ltrecursivecomponentltrecursivecomponent 遞歸組件常用于在blog上顯示注釋嵌套的菜單。