JQuery - Set TBODY

J'ai une table est définie comme suit:

<table id="myTable" cellpadding="0" cellspacing="0">
  <thead><tr>
    <th>Date</th>
    <th>First Name</th>
    <th>Last Name</th>
  </tr></thead>

  <tbody>
    <!-- rows will go here -->
  </tbody>
</table>

Je suis en train de remplir dynamiquement 'myTable' au moment de l'exécution via JavaScript. Pour accueillir pour cela, je suis en utilisant JQuery. Je veux écrire un peu de code HTML dans le tbody élément à l'intérieur de 'myTable'. Cependant, j'ai du mal à comprendre comment faire cela avec les sélecteurs. Je sais que je peux obtenir 'myTable' l'aide de:

$("#myTable")

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

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

Cependant, que définit dans le code HTML de l'ensemble de la table. En réalité, je veux juste pour définir le code HTML dans le TBODY de 'myTable'. Comment puis-je le faire avec JQuery?

Merci!

A ce problème résolu?

OriginalL'auteur Villager | 2010-05-31

  1. 21

    Vous utilisez:

    $("#myTable > tbody");

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

    Alternativement, vous pouvez utiliser:

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

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

    En jQuery, il y a souvent plusieurs façons d'accomplir ce que vous avez besoin.

    Une autre façon, serait de faire:

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

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

    jQuery a beaucoup de docs:

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

    Déplacement: http://api.jquery.com/category/traversing/

    OriginalL'auteur user113716

  2. 3

    Trouver l'élément tbody et ajouter utiliser, si vous voulez ajouter des lignes, ou html, si vous voulez remplacer toutes les lignes.

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

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

    Notez que si vous avez plus d'un élément tbody vous aurez également besoin d'utiliser la :first sélecteur (ou nth-child -- n'oubliez pas que, même s'il est à zéro, vous avez un élément thead) pour obtenir la bonne.

    $('#myTable tbody:first').append(...);
    Il n'y a pas besoin d'utiliser une fonction pour trouver le tbody.
    G - j'ai réalisé que juste après je l'ai écrit. Si vous avez déjà une référence à la table, cependant, il serait le chemin à parcourir.

    OriginalL'auteur tvanfosson

  3. 2
    $("#myTable tbody").html(someHtmlString);

    OriginalL'auteur Reigel

  4. 1

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

    OriginalL'auteur Georg Leber

  5. 0

    Essayer:

    $("#myTable tbody")

    OriginalL'auteur Davide Ungari

  6. 0

    donner votre tbody un id et puis faire de même avec elle, comme vous l'avez fait avec votre table

    < tr id='myTbody" >

    OriginalL'auteur sushil bharwani

  7. 0

    Vous pouvez faire comme:

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

    OriginalL'auteur Sarfraz

  8. 0
    $('#myTable tbody').append('<tr><td>foo</td><td>bar</td></tr>');

    OriginalL'auteur Richard Rail