Erstellen von verschachtelten Liste mit JSON und jquery
Hallo Unten ist ein Beispiel der meiner JSON ,HTML-und jquery-code :
Json:
{
"node":[
{"name":"XXX",
"child":[ {"name":"acb"},
{"name":"txy"}
]
},
{"name":"ZZZ",
"child":[{"name":"ism"},
{"name":"sss"}
]
},
{"name":"PPP"},
{"name":"QQQ"}
]
}
Jquery-code :
$(document).ready(function(){
var $ul=$('<ul></ul>');
$.getJSON('test1.json', function(json) {
$.each(json.node, function(key,value){
getList(value, $ul);
})
});
$ul.appendTo("body");
});
function getList(item, $list) {
if (item) {
if (item.name) {
$list.append($('<li><a href="#">' + item.name + '</a>' +"</li>"));
}
if (item.child && item.child.length) {
var $sublist = $("<ul/>");
$.each(item.child, function (key, value) {
getList(value, $sublist);
});
$list.append($sublist);
}
}
}
Also, wenn ich diesen code ausführen-Liste ist er als
<ul>
<li></li>
<ul>
<li></li>
<li></li>
</ul>
</ul> .. and so on . But i don't want my list to be this was i need it like :
<ul>
<li>
<ul>
<li></li>
<li></li>
</ul>
</li>
<li>
<ul>
<li></li>
</ul>
</li>
</ul>
Lassen Sie mich bitte, wie kann ich ändern, meine Funktion zu erreichen verschachtelte Liste in dieser Art und Weise !.. Vielen Dank im Voraus
.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Versuchen
Demo: Fiddle