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

頁面既然得到從服務(wù)器傳過來的json數(shù)據(jù)之后，還要轉(zhuǎn)換為Object 比如，服務(wù)器組裝好的json數(shù)據(jù) id#39001#39，nodeMsg#39節(jié)點1#39 這個是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 樹形菜單插件

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

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

date 20220414 description 針對項目中出現(xiàn)樹形結(jié)構(gòu)數(shù)據(jù)的時候，我們怎樣去操作他 項目中我們會經(jīng)常出現(xiàn)對樹形結(jié)構(gòu)的遍歷查找和轉(zhuǎn)換的場景，比如說DOM樹族譜社會機構(gòu)組織架構(gòu)權(quán)限菜單省市區(qū)路由標(biāo)簽等等。

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

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

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

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

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

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

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