JQuery *** 作Json循环插入到Table,求助!

JQuery *** 作Json循环插入到Table,求助!,第1张

<table id="myTable">

<thead>

<tr>

<th>代号</th>

<th>城市</th>

<th>附加数字</th>

</tr>

</thead>

<tbody></tbody>

</table>

<script>

var data = [{name:'6101',value:'北京市',age:'11'}, {name:'6102',value:'天津市',age:'11'}, {name:'6103',value:'上海市',age:'22'}]

function getRow(row) {

var tr = $('<tr></tr>')

for(var i in row) {

tr.append('<td>' + row[i] + '</td>')

}

return tr

}

var tbody = $('<tbody></tbody>')

for(var i = 0i <data.lenghti ++ )

tbody.append(getRow(data[i])

$('#myTable tbody').replaceWith(tbody)

</script>

这个是比较标准,也更易读的代码,希望能帮到你。

可以在循环当中判断键名,结合正则表达式判断。

对于json数据,可以使用对象循环方法或者取键名方法,如:"Object.keys","for of"等进行对象循环。

然后在循环当中判断键名称,如果名称以a开头就存入a组,以b开头就存入b组。

判断以a开头的正则表达式可以表示为:"/a\d*/"。

需要准备的材料分别是:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、以追加name元素为例,在index.html的<script>标签中,输入js代码:

var names = ['Alice', 'Bob']

var json = []

for (var i = 0i <names.lengthi++) {

json[i] = {'name' : names[i]}

}

document.body.innerText = JSON.stringify(json)

3、浏览器运行index.html页面,此时会打印出追加name元素后的json数组。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11645649.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存