Maison > Article > interface Web > Comment modifier le texte de l'élément parent dans jQuery sans affecter les éléments enfants ?

Comment modifier le texte de l'élément parent dans jQuery sans affecter les éléments enfants ?

Mary-Kate Olsenoriginal: 2024-11-26 21:41:12619parcourir

How to Modify Parent Element Text in jQuery Without Affecting Child Elements?

Modifier le texte d'un élément sans affecter les éléments enfants à l'aide de jQuery

Question :

Dans une page Web, je dois mettre à jour le texte d'un élément sans modifier ses éléments enfants. Voici un exemple de structure HTML :

<div>
  **text to change**
  <someChild>
    text that should not change
  </someChild>
  <someChild>
    text that should not change
  </someChild>
</div>

En tant que novice en jQuery, je cherche un moyen d'accomplir cette tâche.

Réponse :

Marc a fourni une excellente solution en utilisant jQuery. Cependant, JavaScript classique offre une approche alternative :

JavaScript fournit la propriété childNodes pour obtenir tous les nœuds enfants d'un élément, y compris les nœuds de texte. Si le texte à modifier apparaît systématiquement comme l'enfant initial d'un élément, vous pouvez utiliser le code suivant :

var your_div = document.getElementById("your_div");

var text_to_change = your_div.childNodes[0];

text_to_change.nodeValue = "new text";

Dans cet exemple, nous supposons que le texte à modifier est le premier nœud au sein de l'élément.

élément. Vous pouvez toujours utiliser jQuery pour sélectionner l'option

élément, auquel cas :

var your_div = $("your_div").get(0);

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!

JavaScript jquery html if select using Property this

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

Article précédent：Un meilleur plugin VS Code que Thunder ClientArticle suivant：Un meilleur plugin VS Code que Thunder Client

Articles Liés

Voir plus