jquery 动态给table赋值
来源:互联网 发布:批量提取word表格数据 编辑:程序博客网 时间:2024/05/16 00:29
html
请忽视各种class,因为前端用的是layui
<table class="layui-table" lay-skin="line" id="datas"> <colgroup> <col width="150"> <col width="200"> <col> </colgroup> <thead> <tr> <th>昵称</th> <th>加入时间</th> <th>签名</th> </tr> </thead> <tbody> <tr id="template"> <td id="id"></td> <td id="url"></td> <td id="title"></td> </tr> </tbody></table>
js代码
<script> var data = [{ "id": 1, "url": "http://www.jqcool.net", "switch": 1, "order": 1, "pid": 0, "title": "Online Program knowledge share and study platform" }, { "id": 2, "url": "http://www.baidu.com", "switch": 0, "order": 2, "pid": 2, "title": "这是测试的数数据这是测试的数数据" }, { "id": 3, "url": "http://www.taobao.com", "switch": 0, "order": 3, "pid": 2, "title": "淘宝购物" }, { "id": 4, "url": "http://www.jqcool.net1", "switch": 1, "order": 4, "pid": 2, "title": "Online Program knowledge share and study platform2" }, { "id": 5, "url": "http://www.baidu.com1", "switch": 0, "order": 5, "pid": 2, "title": "这是测试的数数据2" }, { "id": 6, "url": "http://www.taobao.com1", "switch": 1, "order": 6, "pid": 0, "title": "淘宝购物2" }]; $.each(data, function (i, n) { var row = $("#template").clone(); row.find("#id").text(n.id); row.find("#url").text(n.url); row.find("#title").text(n.title); row.appendTo("#datas");//添加到模板的容器中 });</script>
效果
2 0
- jquery 动态给table赋值
- jquery动态给下拉框赋值
- ajax里jquery给th动态赋值
- jQuery动态给form表单赋值
- JQuery给table动态增加样式
- jquery给table动态添加tr
- jquery方法给table动态增加行
- jquery table A赋值给同一行input
- js给table赋值
- jquery选择器--给id为动态的值得元素赋值
- jQuery给控件赋值....
- jQuery给控件赋值
- jQuery给控件赋值....
- jQuery给控件赋值....
- jQuery给控件赋值
- jQuery给控件赋值
- jQuery给控件赋值....
- jQuery给控件赋值
- jQuery 入门
- 图像处理基础算法
- java 子类和父类构造函数关系
- win10 bash linux安装ubuntu & lamp 卸载ubuntu
- 从URL到与服务器断开连接到底发生了什么
- jquery 动态给table赋值
- 一种灵活可靠的工作方式:组件化设计与开发
- Zookeeper3.4.6与Kafka0.8.1.1集群安装和配置详细步骤
- 常用的$.ajax()方法
- hdu 6006 Engineer Assignment(状压dp)
- 使用事务保证和数据完整性
- JSP过滤器防止Xss漏洞
- Android jni(1)
- HZAU 1205 Sequence Number(最大值前后缀 +双指针 + 二分)