Comment modifier la valeur de td dans jquery

Dans jquery, vous pouvez utiliser la méthode html() pour modifier la valeur de td. La fonction de cette méthode est de définir ou de renvoyer le contenu de l'élément sélectionné. La syntaxe est "td element object.html('td modifié. valeur')".

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Comment modifier la valeur de td dans jquery

Dans jquery, la valeur de td dans le tableau est principalement modifiée via la méthode html(). Cette méthode prend en charge la modification du contenu texte et prend également en charge la modification du contenu html.

Créez un nouveau fichier html, nommé test.html, pour expliquer comment jquery modifie la valeur du td dans le tableau. Ce n'est qu'après avoir introduit le fichier de bibliothèque jquery.min.js et chargé avec succès le fichier que vous pourrez utiliser les méthodes de jquery.

Utilisez les balises table, tr, td pour créer un tableau avec deux lignes et deux colonnes, et définissez sa bordure sur 1px. Utilisez la balise bouton pour créer un bouton avec le nom de bouton « Modifier la valeur td ».

Liez l'événement onclick au bouton du bouton Lorsque vous cliquez sur le bouton, la fonction edittd() est exécutée.

Dans la balise js, créez la fonction edittd(). Dans la fonction, obtenez la collection d'objets td via le nom de l'élément td, utilisez la méthode eq(2) pour obtenir le troisième objet td, puis utilisez le html(). méthode pour modifier la valeur de td. Par exemple, ici la valeur de td est modifiée à 3.

Ouvrez le fichier test.html dans le navigateur, cliquez sur le bouton pour voir l'effet.

Après avoir cliqué sur le bouton :

Résumé :

1. Créez un fichier test.html.

2. Dans le fichier, utilisez les balises table, tr et td pour créer un tableau avec deux lignes et deux colonnes, et utilisez la balise bouton pour créer un bouton pour déclencher l'exécution de la fonction js.

3. Créez une fonction dans la balise js. Dans la fonction, obtenez l'objet td. Utilisez la méthode eq() pour obtenir le premier objet td, puis utilisez la méthode html() pour modifier la valeur du td.

Notes

La méthode eq() commence à 0, eq(0) représente le premier objet élément, eq(1) représente le deuxième objet élément, et ainsi de suite.

Tutoriels vidéo associés recommandés : Tutoriel vidéo jQuery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!