Maison  >  Article  >  interface Web  >  Comment remplacer le contenu des balises avec jquery

Comment remplacer le contenu des balises avec jquery

PHPz
PHPzoriginal
2023-04-06 08:55:38774parcourir

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!");
  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!");

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>

Code JavaScript :

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

Hello, world!

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

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!

Déclaration:
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