Comment remplacer le contenu des balises avec jquery

PHPz
Libérer: 2023-04-06 10:19:41
original
839 Les gens l'ont consulté

Avec jQuery, remplacer le contenu d'une balise est très simple. Vous pouvez utiliser les deux méthodes suivantes : .html() et .text().

  1. Utiliser la méthode .html() La méthode

.html() peut être utilisée pour remplacer le contenu HTML dans les éléments HTML. Son utilisation est très simple, il suffit de transmettre le contenu à remplacer. Par exemple, si vous souhaitez remplacer le contenu d'un élément div par l'identifiant "myDiv" par "Bonjour tout le monde !", vous pouvez écrire comme ceci :

$("#myDiv").html("Hello, world!");
Copier après la connexion
  1. Utilisez la méthode .text()

.text () Méthode similaire à la méthode .html(), sauf qu'elle remplace le contenu texte de l'élément au lieu du contenu HTML. Par exemple, si vous souhaitez remplacer le contenu d'un élément div par l'identifiant "myDiv" par "Bonjour tout le monde !", vous pouvez écrire ainsi :

$("#myDiv").text("Hello, world!");
Copier après la connexion

A noter que si le contenu que vous souhaitez remplacer est Code HTML, vous devez ensuite utiliser la méthode .html(). Sinon, si le contenu que vous souhaitez remplacer n’est que du texte brut, vous devez alors utiliser la méthode .text().

Exemple de démonstration :

Code HTML :

<div id="myDiv">
    <p>这是一个段落。</p>
</div>
Copier après la connexion

Code JavaScript :

// 使用 .html() 方法替换 HTML 内容
$("#myDiv").html("

Hello, world!

"); // 使用 .text() 方法替换文本内容 $("#myDiv").text("Hello, world!");
Copier après la connexion

Le code ci-dessus remplacera le contenu de l'élément div par "Bonjour tout le monde !". Le premier exemple utilise la méthode .html() pour remplacer le contenu HTML dans l'élément div, et le deuxième exemple utilise la méthode .text() pour remplacer le contenu en texte brut dans l'élément div.

Résumé :

En utilisant les méthodes .html() et .text(), vous pouvez facilement remplacer le contenu des éléments HTML. Si ce que vous devez remplacer est du code HTML, vous devez utiliser la méthode .html() ; si ce que vous devez remplacer est simplement du texte brut, vous devez utiliser la méthode .text().

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal