jQuery实现动态给桌子赋值的方法示例

本文实例讲述了jQuery实现动态给桌子赋值的方法。分享给大家供大家参考，具体如下：

超文本标记语言

请忽视各种同学们，因为前端用的是layui

table class=' layui-table ' lay-skin=' line ' id=' datas ' col group col width=' 150 ' col width=' 200 ' col/col group和tr th昵称/th加入时间/th签名/th/tr/ad t正文tr id=' template ' TD id=' id '/TD TD TD id=' URL '/TD TD TD TD id=' title '/TD/tr/t正文/表js代码

脚本定义变量数据=[{ 'id': 1，' url': 'http://www.jqcool.net '，' switch': 1，' order': 1，' PID ' : 0 0，' title': 'Online Program知识分享与学习平台}，{ ' id ' : 2，' URL ' : ' 33http://0 www。百度。com '，' switch ' 33:' order ' 3333333330这是测试的数数据这是测试的数数据}、{“id”: 3、“URL”:“http://www。淘宝。com”，“开关”: 0，“订单”: 3，“PID”: 2，“标题”:淘宝购物}，{ 'id': 4，' url': 'http://www.jqcool.net1 '，' switch': 1，' order': 4，' pid': 2，' title': 'Online Program知识分享与学习平台2' }，{ 'id': 5，' URL ' : ' 3http://www。百度。com 1 '，' switch ' 3:' order ' 3: '这是测试的数数据2' }，{ 'id': 6，' url': 'http://www.taobao.com1 '，' switch': 1，' order': 6，' PID ' : 0 0，' title': '淘宝购物2' }];$.每个（数据，函数(I，n) { var row=$('#template ').clone()；row.find('#id ').文本(身份证号码)；row.find('#url ').文本(网址)；row.find('#title ').文本(n .标题)；划船。appendo(' # datas ')；//添加到模板的容器中});/script效果

更多关于jQuery相关内容感兴趣的读者可查看本站专题： 《jQuery表格(table)操作技巧汇总》 、 《jQuery操作json数据技巧汇总》 、 《jQuery form操作技巧汇总》 、 《jQuery常用插件及用法总结》 、 《jQuery扩展技巧总结》 及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。