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

Question

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

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

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

Answer 1

你可以使用.eq()和.after()喜欢这样:

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

索引是基于0的,所以要成为第4行,i-1因为它.eq(3)是第4行,你需要回到第3行(2)并插入.after()它.

Answer 2

试试这个:

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的索引.