好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

jquery json遍历树

jQuery可以很方便地遍历Json树。以下是一个简单的示例:

var jsonData = {
"name": "John Doe",
"age": 35,
"address": {
"street": "123 Main St",
"city": "Anytown",
"state": "CA",
"zip": "12345"
},
"phoneNumbers": [
{
"type": "home",
"number": "555-555-1234"
},
{
"type": "work",
"number": "555-555-5678"
}
]
};
function traverseJson(jsonObj) {
$.each(jsonObj, function(key, value) {
if(typeof value === "object") {
traverseJson(value);
} else {
console.log(key + ": " + value);
}
});
}
traverseJson(jsonData);

首先,我们定义了一个包含一些嵌套对象和数组的Json数据。然后,我们定义了一个名为traverseJson的函数,它采用一个Json对象作为参数。

函数中的$.each方法是jQuery的遍历函数。它接受两个参数:要遍历的对象,以及在每个迭代中调用的回调函数。我们的回调函数有两个参数:属性名和属性值。

如果属性的值是一个对象,我们将递归地调用遍历Json的函数。否则,我们将打印出该属性及其值。

最后,我们调用traverseJson函数,并将jsonData对象作为参数传递。

查看更多关于jquery json遍历树的详细内容...

  阅读:60次

上一篇: jquery lable 设置值

下一篇:jquery layout table