Jquery insert une nouvelle ligne dans un tableau à un certain index

Question

Je sais comment ajouter ou précéder une nouvelle ligne dans un tableau à l'aide de Jquery :

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

Comment puis-je insérer la ligne (donnée dans la variable html) dans un "index de ligne" spécifique ? i . Donc si i=3 par exemple, la ligne sera insérée en tant que quatrième ligne du tableau.

Answer 1

Vous pouvez utiliser .eq() et .after() comme ça :

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

Les index sont basés sur 0, donc pour être la 4ème ligne, il faut i-1 puisque .eq(3) serait la 4ème ligne, vous devez revenir à la 3ème ligne ( 2 ) et insérer .after() que.

Answer 2

Essayez ça :

var i = 3;

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

ou ceci :

var i = 3;

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

ou ceci :

var i = 4;

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

Tous ces éléments placeront la rangée dans la même position. nth-child utilise un indice basé sur 1.

Answer 3

Note :

$('#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

Answer 4

Utilisez le sélecteur d'égalisation pour sélectionner la nième ligne (basée sur 0) et ajouter votre ligne après elle en utilisant après donc :

$('#my_table > tbody:last tr:eq(2)').after(html);

où html est un tr

Answer 5

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