Jquery在某个索引处插入新行到表中

我知道如何使用jquery将一个新行添加或添加到表中:

$('#my_table > tbody:last').append(html);

如何我插入行(在html变量给出)为特定的“行索引” i 。 因此,例如,如果i=3 ,则该行将作为表中的第4行插入。


您可以使用.eq().after()是这样的:

$('#my_table > tbody > tr').eq(i-1).after(html);

索引是基于0的,所以作为第4行,您需要i-1 ,因为.eq(3)将是第4行,您需要返回第3行( 2 )并插入.after()


尝试这个:

var i = 3;

$('#my_table > tbody > tr:eq(' + i + ')').after(html);

或这个:

var i = 3;

$('#my_table > tbody > tr').eq( i ).after(html);

或这个:

var i = 4;

$('#my_table > tbody > tr:nth-child(' + i + ')').after(html);

所有这些将把行放在相同的位置。 nth-child使用基于1的索引。


注意:

$('#my_table > tbody:last').append(newRow); // this will add new row inside tbody

$("table#myTable tr").last().after(newRow);  // this will add new row outside tbody 
                                             //i.e. between thead and tbody
                                             //.before() will also work similar
链接地址: http://www.djcxy.com/p/22973.html

上一篇: Jquery insert new row into table at a certain index

下一篇: Append a new row to a table using jQuery