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