2014-10-29 76 views
1

我试图创建一个可遍历JSON树并更改其数据/结构的函数。我设法让它遍历每个节点并读取数据,但坚持改变它的数据/结构部分。遍历JSON树并操作其数据/结构

function jsonTraverser(tree){ 
    $.each(tree, function(index, val){ 
     if(val.tag == 'button'){ 
      delete val[index]; 
     } 
     if(val.children){ 
      jsonTraverser(val.children); 
     } 
    }) 
} 
jsonTraverser(json_obj); 

从上面的代码中,它应该删除标签等于按钮的JSON节点。虽然它似乎有效,但它不会删除一个节点,而更改它的标记工作得很好。你有解决这个问题的办法吗?

PS:如果您需要JSON树样本,那么就是这样。

[ 
    {"tag":"div","id":"0","class":"sgph","children":[ 
    {"tag":"div","data-scoretype":"","class":"sgi","id":"1","children":[ 
     {"tag":"button","data-btnrole":"satis_group","class":"up","html":"ขึ้น"}, 
     {"tag":"button","data-btnrole":"satis_group","class":"down","html":"ลง"}, 
     {"tag":"button","data-btnrole":"satis_group","class":"edit","html":"เปลี่ยนกลุ่ม"}, 
     {"tag":"button","data-btnrole":"satis_group","class":"del","html":"ลบกลุ่ม"} 
    ]}, 
    {"tag":"div","class":"scph","children":[ 
     {"tag":"button","data-btnrole":"score_type","class":"add","html":"เกณฑ์การให้คะแนน"} 
    ]}, 
    {"tag":"div","class":"stph","children":[ 
     {"tag":"div","class":"sti","id":"3","children":[ 
      {"tag":"button","data-btnrole":"satis_topics","class":"up","html":"ขึ้น"}, 
      {"tag":"button","data-btnrole":"satis_topics","class":"down","html":"ลง"}, 
      {"tag":"button","data-btnrole":"satis_topics","class":"edit","html":"เปลี่ยนหัวข้อ"}, 
      {"tag":"button","data-btnrole":"satis_topics","class":"del","html":"ลบหัวข้อ"} 
     ]}, 
     {"tag":"button","data-btnrole":"satis_topics","class":"add","html":"เพิ่มหัวข้อ"} 
    ]} 
    ]}, 
    {"tag":"div","id":"1","class":"sgph","children":[ 
    {"tag":"button","data-btnrole":"satis_group","class":"add","html":"เพิ่มกลุ่ม"} 
    ]} 
] 
+0

v.children or val.children? – 2014-10-29 08:29:03

+0

val [i]没有任何意义,val包含名为“tag”的属性, – dandavis 2014-10-29 08:29:19

回答

0

你拼写了一些错误的变量名称。例如,“v”应该是“val”。 jsonTraverse也应该从树中获取delete,而不是从val获取树,因为树拥有子级列表。

function jsonTraverser(tree){ 
    $.each(tree, function(index, val){ 
     if(val.tag == 'button'){ 
      delete tree[index]; 
     } 
     if(val.children){ 
      jsonTraverser(val.children); 
     } 
    }) 
} 

请注意,您必须处理根本身具有标签“按钮”的情况。