html tr标签替换
2016-01-26 11:38
537 查看
在table中读取不固定图片或者文本时会出现不好排的情况
可以用html的outerHTML来替换table中的tr生成不固定的行。
这样就可以在一个原有的tr下生成多个tr标签。
可以用html的outerHTML来替换table中的tr生成不固定的行。
这样就可以在一个原有的tr下生成多个tr标签。
$.get("../aaaa?action=getMoneyCost&orderid=" + getQueryString("orderid"), function (data) { if (!(typeof data[0].name == "undefined" && typeof data[0].price == "undefined")) { for (var i = 0; i < data.length; i++) { trHtml += '<tr><td>材料名' + (i + 1) + ':</td><td><input type="text" class="form-control input-sm" value="' + data[i].name + '"></input></td>' + '<td>所需金额' + (i + 1) + ':</td><td><input type="text" class="form-control input-sm" value="' + data[i].price + '"></input></td></tr>'; } } document.getElementById("trCost").outerHTML = trHtml; }, "json");
相关文章推荐
- Auto refresh images in HTML
- 去处HTML标签
- html 跳转页面,同时跳转到一个指定的位置
- 第 3 章 与浏览者交互,表单标签
- 第 2 章 认识标签
- HTML中的<label>标签
- 【HTML打卡】0125 实战首页布局之导航
- HTML - HTML Commonly Used Character Entities
- html
- 第 1 章 Html 介绍
- HTML,xhtml,Dhtml,<meta>标签
- HTML代码转换编辑器
- HTML 简介
- HTML服务器控件与Web服务器控件的…
- 传智HTML高级3-7课笔记
- 传智HTML高级1-2课笔记
- 传智HTML基础4-8课笔记
- 传智HTML基础1-3课笔记
- Html学习笔记(入门)
- 具体解释HTML中的window对象和document对象