[問題] javascript關於table insertRow的問題

看板Ajax作者stw82 (Godhand)時間12年前 (2013/11/08 14:21)推噓1(1推 0噓 11→)

留言12則, 4人參與討論串1/1

案例如下，有張table需要根據某些td內的text值去做重新排序的動作 ex: ┌───┬───┐ ┌───┬───┐ │price │amount│ │price │amount│ ├───┼───┤ ├───┼───┤ │ 200│ 1│ │ 300│ 4│ ├───┼───┤ ├───┼───┤ │ 300│ 4│ => │ 200│ 1│ ├───┼───┤ ├───┼───┤ │ 100│ 2│ │ 100│ 2│ └───┴───┘ └───┴───┘ 在重新排序的部分，我是讓扣除第一列的欲比較的td內的text與該列之tr obj 成為一個長度為2的陣列，再將這些陣列集合組成一個二維陣列，結構如下 {[200,table.rows[1]].[300.table.rows[2]],[100,table.rows[3]]} 根據此二維陣列每個元素的第一個值去做Array.sort(); sort完畢後將排序過後的table.rows用appendChild()的方式貼回該table 而問題出在，當想要對重新排序過後的table使用table.insertRow()來動態產生新tr時想要產生的tr索引位置從0到倒數第二行都沒問題，但是想要把新tr產生在最後一行時 (row index = table.rows.length)，新的tr卻會產生在price amount那一行之下 P.S. 若是將price amount那一行也重新appendChild到table第一行，新的tr則會產生在 price amount那一行之上目前暫時能想到的解決方式是將一個空白tr放在尾行，重新排序時也將它固定append到最後一行，不曉得板上有哪位大大清楚這個bug的成因為何，是否有更漂亮的解決方式? -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 36.224.204.115

→

Rplus

11/08 14:42, , 1^F

11/08 14:42, 1^F

→

stw82

11/08 14:59, , 2^F

11/08 14:59, 2^F

→

stw82

11/08 14:59, , 3^F

11/08 14:59, 3^F