[問題] jQuery 執行順序與預期不同
先附上程式碼: https://jsfiddle.net/AzureBlue/3jbxz02g/
有問題的是JS最後這一段:
for (var i=0;i<row_num;i++) {
$('#reg_t').append("<tr>");
for (var j=0;j<data_num;j++)
$('#reg_t').append("<td>" + getData[i][j] + "</td>");
$('#reg_t').append("</tr>");
}
本來預期執行之後生成的表格欄位會是這樣:
<tr>
<td></td>
<td></td>
.
.
.
<td></td>
</tr>
但是我程式執行完之後,卻是:
<tr></tr>
<td></td>
<td></td>
.
.
.
<td></td>
是哪裡我搞錯了嗎?還是這也是因為非同步處理的問題?
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.42.53.75
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1478178373.A.4D4.html
→
11/03 21:28, , 1F
11/03 21:28, 1F
→
11/03 21:28, , 2F
11/03 21:28, 2F
→
11/03 21:29, , 3F
11/03 21:29, 3F
原來是這樣!我還一直以為是非同步的問題,因為我上面有發生一個非同步的問題0.0
我後來自己想到的方法也是改用字串加法,如下:
for (var i=0;i<row_num;i++) {
var text = "<tr>";
for (var j=0;j<data_num;j++)
text += "<td>" + getData[i][j] + "</td>";
$('#reg_t').append(text + "</tr>");
}
謝謝解惑!
→
11/07 08:36, , 4F
11/07 08:36, 4F
→
11/07 08:36, , 5F
11/07 08:36, 5F
改成像是這樣?
for (var i=0;i<row_num;i++) {
$('#reg_t').append("<tr></tr>");
for (var j=0;j<data_num;j++)
$('#reg_t tr:last-child').append("<td>" + getData[i][j] + "</td>");
}
推
11/07 20:58, , 6F
11/07 20:58, 6F
以前寫C++習慣迴圈底下只有一行指令就不加大括號了,還是說這樣會造成錯誤?
※ 編輯: charlie0228 (117.56.223.223), 11/08/2016 14:43:23
推
11/08 15:13, , 7F
11/08 15:13, 7F
→
11/08 15:13, , 8F
11/08 15:13, 8F
→
11/08 15:15, , 9F
11/08 15:15, 9F
→
11/08 15:16, , 10F
11/08 15:16, 10F
推
11/08 22:10, , 11F
11/08 22:10, 11F
→
11/08 22:10, , 12F
11/08 22:10, 12F
→
11/08 22:11, , 13F
11/08 22:11, 13F
推
11/09 10:16, , 14F
11/09 10:16, 14F
→
11/09 10:16, , 15F
11/09 10:16, 15F
→
11/09 10:17, , 16F
11/09 10:17, 16F
→
11/09 10:18, , 17F
11/09 10:18, 17F
→
11/09 10:19, , 18F
11/09 10:19, 18F
真的,我要上來問問題的時候,還要重新排版一次,沒縮排真的會逼死人...
→
11/09 10:20, , 19F
11/09 10:20, 19F
推
11/09 11:42, , 20F
11/09 11:42, 20F
推
11/09 14:50, , 21F
11/09 14:50, 21F
→
11/09 14:50, , 22F
11/09 14:50, 22F
剛開始學Python,慶幸自己以前有良好縮排習慣......
※ 編輯: charlie0228 (117.56.223.223), 11/09/2016 15:11:17
→
11/19 13:34, , 23F
11/19 13:34, 23F
→
11/19 13:34, , 24F
11/19 13:34, 24F
→
11/19 13:34, , 25F
11/19 13:34, 25F
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章