詳情code: ps:可以復(fù)制新建html頁面直接運(yùn)行?
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>博客園 - 開發(fā)者的網(wǎng)上家園</title>
<script src="http://common.cnblogs.com/script/jquery.js"type="text/javascript"></script></head>
<body>
<table border="1" id="tbID">
<thead>
<tr>
<th>id</th>
<th>name</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<script type="text/javascript">
//數(shù)據(jù)源模擬
var arr = [{ "id": 1, "name": "張三" }, { "id": 2, "name": "李四" }, { "id": 3, "name": "王五"}];
var tdID = $("#tbID tbody");
if (tdID.text() > 0) {
tdID.remove();
}
//創(chuàng)建td td是動態(tài)創(chuàng)建的 問題來了 如何
var arrTr = [];
var arrTrHead = $("#tbID thead th").length;
for (var i = 0; i < arr.length; i++) {
arrTr.push("<tr>");
for (var j = 0; j < arrTrHead; j++) {
arrTr.push("<td>" + 1 + "</td>");//如何用下面方式(1)取值 這樣我就寫一個td 寫2個循環(huán)數(shù)據(jù)就不對了 我不知道插件 是怎么解決類似這樣的問題的?
}
arrTr.push("</tr>");
}
tdID.append(arrTr.join(""));
//遍歷數(shù)組對象 用key的方式輸出 不用對象.的方式取值(1)
var arr1 = [{ "id": 1, "name": "張三" }, { "id": 2, "name": "李四" }, { "id": 3, "name": "王五"}];
for (var i in arr1) {
for (var s in arr1[i]) {
alert(arr1[i][s]);
}
}
</script>
</body>
</html>
想法:要求創(chuàng)建表格的時候 td是動態(tài)的 不是寫死 寫死了 就不存在這樣的問題 可以直接循環(huán)"點(diǎn)屬性取出值" ?
javascript 變量數(shù)組對象問題 路過的朋友看看 謝謝
慕的地8271018
2018-12-07 13:57:29