JQuery – Set TBODY

J’ai une table définie comme suit:

  Date  First Name  Last Name

J’essaie de renseigner dynamicment «myTable» au moment de l’exécution via JavaScript. Pour répondre à cela, j’utilise JQuery. Je veux écrire du HTML dans l’élément tbody dans ‘myTable’. Cependant, j’ai du mal à comprendre comment faire cela avec les sélecteurs. Je sais que je peux obtenir ‘myTable’ en utilisant:

 $("#myTable")

Je sais que je peux définir le code HTML de myTable en utilisant les éléments suivants:

 $("#myTable").html(someHtmlSsortingng);

Cependant, cela définit le code HTML de la table entière. En réalité, je veux juste définir le code HTML dans le TBODY de ‘myTable’. Comment puis-je faire cela avec JQuery?

Je vous remercie!

Vous utiliseriez:

 $("#myTable > tbody");

qui sélectionne les éléments tbody qui sont le descendant direct de #myTable .

Alternativement, vous pouvez utiliser:

 $('tbody', '#myTable');

qui trouve tous les éléments tbody dans le contexte de #myTable .

Dans jQuery, il existe souvent plusieurs façons d’accomplir ce dont vous avez besoin.

Une autre façon, serait de faire:

 $('#myTable').children('tbody');

ce qui est effectivement le même que ma première solution ci-dessus.

jQuery a une excellente documentation:

Sélecteurs: http://api.jquery.com/category/selectors/

Parcours: http://api.jquery.com/category/traversing/

Recherchez l’élément tbody et utilisez append si vous souhaitez append des lignes ou html si vous souhaitez remplacer toutes les lignes.

 $('#myTable tbody').append(someRowHtml); $('#myTable tbody').html(someRowHtml);

Notez que si vous avez plusieurs éléments tbody, vous devez également utiliser le sélecteur :first (ou nth-child – n’oubliez pas que, bien que basé sur zéro, vous avez un élément thead) pour obtenir le corriger un.

 $('#myTable tbody:first').append(...);

 $("#myTable tbody").html(someHtmlSsortingng);

Essayez d’utiliser $("#myTable > tbody").html("");

Essayer:

 $("#myTable tbody")

donnez un identifiant à votre tbody puis faites de même avec celui que vous avez fait avec votre table

Vous pouvez faire comme:

 $("#myTable tbody").html(html_here);

 $('#myTable tbody').append('foobar');