web-dev-qa-db-fra.com

Comment sélectionner et modifier la valeur d'une cellule de tableau avec jQuery?

Comment modifier le contenu de la cellule contenant la lettre 'c' dans l'exemple HTML à l'aide de jQuery?

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

Merci.

jquerycss-selectors
24
abenci
$("td:contains('c')").html("new");

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

et peut-être que pour la réutilisation, vous pourriez créer une fonction à appeler

function ReplaceCellContent(find, replace)
{
    $("#table_headers td:contains('" + find + "')").html(replace);
}
25
hunter

Avec eq() vous pouvez cibler la troisième cellule du tableau:

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

Si vous voulez cibler chaque troisième cellule de chaque ligne, utilisez le nth-child-selector :

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

Vous pouvez utiliser les sélecteurs CSS .

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

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

et ensuite utiliser:

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

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

8
Igor

je cherchais à changer la deuxième rangée html et vous pouvez faire le sélecteur en cascade

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