jQuery函数使用JSON数据创建表

前端之家收集整理的这篇文章主要介绍了jQuery函数使用JSON数据创建表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何从本地文件中检索JSON对象并使用jQuery将其显示在表中?这是JSON文件(jsondata.json)的内容
{
"scores" : [ ["3/1/2011",610],["4/1/2011",["5/1/2011",["6/1/2011",["7/1/2011",720],["8/1/2011",500],["9/1/2011",500] ]
}

解决方法

示例 – 演示 http://jsfiddle.net/kVdZG/

您可以迭代并追加元素.

<table id='scores' border="1"></table>

JS –

var data = { "scores" : [ ["3/1/2011",500] ] }


$(data.scores).each(function(index,element){  
     $('#scores').append('<tr><td> '+element[0]+' </td> <td> '+element[1]+' </td></tr>');       
})
原文链接:https://www.f2er.com/jquery/181064.html

猜你在找的jQuery相关文章