2011-05-11 39 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