js無限分級 樹 js遞迴,無限分級樹形摺疊選單

2021-10-13 08:08:49 字數 1088 閱讀 8571

效果圖

mysql表結構形式資料

data資料

第一級是id:0

第二級是id:1,name:'廣東',pid:0

第二級是id:5,name:'廣西',pid:0

第**是id:6,name:'玉林',pid:5

第**是id:7,name:'北流',pid:6

var data = [,,

,,,,

,,,,

js部分

var menu = '';

menufn(0, data)

function menufn(id, data) ,,,

id: 9, name: "東莞", pid: 1,

children: [

,id: 5, name: "廣西", pid: 0,

children: [

id: 6, name: "玉林", pid: 5,

children: [

,js部分

var menu = '';

menufn(0, data)

function menufn(id, data) ,,,

id: 9, name: "東莞", pid: 1,

children: [

,id: 5, name: "廣西", pid: 0,

children: [

id: 6, name: "玉林", pid: 5,

children: [

,var menu = '';

menufn(0, data)

function menufn(id, data) else{

menu += '' + data[i].name + ""

menu += ""

menu += "

" return menu;

function fn() {

var ull = $($(this).parent().children("ul")[0]);

if (ull.length > 0) {

ull.toggle();

$(this).toggleclass("open")

js無限分級 樹 原生js生成無限級樹形選單

設計思路 要生成選單的源資料往往是乙個樹形資料結構 若不是也可以轉換成樹形結構 那我們一起寫部落格吧 因為源資料結構和目標選單結構都為樹形結構,所以其實我們要做的就是資料結構的轉譯,即將js樹形資料轉換為 ul,li 拼接成的樹形選單。在這裡我們通過樹的深度優先遍歷方式來完成這次轉義操作。結構 轉義...

PHP 無限分級類

平時有用到的無限分級方法歸納 無限分級類 author administrator class tree return arr 組合多維陣列 public static function unlimitforlayer cate,pid 0,name child return arr 傳遞子分類的i...

PHP無限極分類生成樹方法,無限分級

你還在用浪費時間又浪費記憶體的遞迴遍歷無限極分類嗎,看了該篇文章,我覺得你應該換換了。這是我在oschina上看到的一段非常精簡的php無限極分類生成樹方法,巧在引用,整理分享了。php function generatetree items else return tree items array...