2011-05-11 73 views
0

如何使用Javascript/jQuery將行<tr>添加到表中任意級別(上/下/中間)?DOM - 追加在表

+1

可能重複[如何追加TR表的頂部(http://stackoverflow.com/questions/683420/how-to-append-tr-to-top -of-table) – 2011-05-11 11:19:02

回答

2
$(html).insertBefore($('table tr').eq(index)); 

將在指定索引的tr之前插入一些html

A small demo

+0

平原和簡單。 :) – 2011-05-11 11:29:36

+0

'$('table tr')'中'tr'的順序是否有保證? – StuperUser 2011-05-11 11:34:33

+0

@StuperUser對不起,我沒有找到你.. – 2011-05-11 11:45:18

0
  • 追加到底部:

你什麼都沒有做,因爲你只需要找到父元素,然後添加它。

  • 追加到頂端:

很好,這是比較複雜的,但我認爲是可以的。一種方法如下:

從行中找到父元素並將所有行讀入一個額外的變量。幸運的是,結果將是一個對象數組。然後創建一個新的行元素,並使用方法unshift()將其放在數組的開頭。清理表格的主體,然後再將每個元素添加到主體。

+0

爲什麼不使用http://api.jquery.com/prepend/? – StuperUser 2011-05-11 11:30:24

+0

@StuperUser,因爲我不知道這個方法,儘管這個方法自jQuery 1.0以來就存在了。 – reporter 2011-05-11 11:36:14