您的位置:首页 > Web前端 > HTML

html tr标签替换

2016-01-26 11:38 537 查看
在table中读取不固定图片或者文本时会出现不好排的情况

可以用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");
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: