Comment choisir et changer la valeur de la cellule du tableau avec jQuery?

Comment puis-je modifier le contenu de la cellule contenant le " c " de la lettre dans l'exemple de code HTML à l'aide de jQuery?

<table id="table_header">
<tr>
   <td>a</td>
   <td>b</td>
   <td>c</td>
</tr>
</table>

Grâce.

InformationsquelleAutor abenci | 2011-01-19
  1. 25
    $("td:contains('c')").html("new");

    ou, plus précisément $("#table_headers td:contains('c')").html("new");

    et peut-être, pour les réutiliser, vous pouvez créer une fonction à appeler

    function ReplaceCellContent(find, replace)
{
    $("#table_headers td:contains('" + find + "')").html(replace);
}
    • N'est-ce pas là le moyen de faire référence à la troisième colonne à la place de la lenteur de la chaîne de recherche?
    • bien sûr, vous pouvez faire $("#table_headers td:eq(2)").html("new");
    • ou $("#table_headers td:last").html("new");
    InformationsquelleAutor hunter
  2. 13

    À l'aide de eq() vous pouvez cibler la troisième cellule de la table:

    $('#table_header td').eq(2).html('new content');

    Si vous voulais cible chaque troisième cellule de chaque ligne, utilisez le nth-child-sélecteur:

    $('#table_header td:nth-child(3)').html('new content');
    InformationsquelleAutor user113716
  3. 9

    Vous pouvez utiliser Les sélecteurs CSS.

    Selon la façon dont vous obtenez ce td, vous pouvez lui donner un id:

    <td id='cell'>c</td>

    et ensuite utiliser:

    $("#cell").text("text");

    Ou traverser la troisième cellule de la première ligne de table_header, etc.

    InformationsquelleAutor Igor
  4. 1

    j'ai été à la recherche pour le changement de deuxième ligne en html et vous pouvez le faire en cascade sélecteur de

    $('#tbox1 tr:nth-child(2) td').html(11111)
    InformationsquelleAutor Iman Abidi
  5. -3

    Vous pouvez faire ceci :

    <table id="table_header">
<tr>
   <td contenteditable="true">a</td>
   <td contenteditable="true">b</td>
   <td contenteditable="true">c</td>
</tr>
</table>
    • Ils voulaient savoir comment modifier la valeur à l'aide de jQuery, pas ce que les changements qu'ils doivent faire pour le XML.
    • D'accord avec Steve
    InformationsquelleAutor PutihTua