[英]Creating html ul li from nested xml element using jquery
我有一個xml-
<item name="a">
<item name="d">
<item name="g">
...
</item>
...
</item>
<item name="e"></item>
<item name="f"></item>
...
</item>
<item name="b"></item>
<item name="c"></item>
我想創建此xml的ul li樹結構為
a [node]
d [node]
g [node]
.
.
.
e [node]
f [node]
.
.
b [node]
c [node]
我想我需要做一個無限循環,但是發現在jquery中很難做到這一點。 我的jquery有點像這樣-
function createNestedTree(obj) {
$("#tree").append("<ul></ul>");
$(obj).children("item").each(function(){
$("#tree ul").append("<li>"+$(this).attr("name")+"</li><ul id="+$(this).attr("name")+"level></ul>");
$(this).children("item").each(function(){
//logic here
});
});
}
任何幫助是極大的贊賞。
這對您有用嗎?
function jumpdown (obj) {
if (obj.hasChildNodes()) {
var nextlevel = "<li>"+$(obj).attr("name")+"</li><ul id='"+$(obj).attr("name")+"level'>";
for (var i=0 ; i<obj.chilNodes.length, i++)
{
nextlevel = nextlevel + jumpdown(obj.chilNodes[i]);
}
nextlevel = nextlevel + "</ul>";
return nextlevel;
}
else return "<li>"+$(obj).attr("name")+"</li>";
}
jumpdown(mydocumentxml);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.