Comment modifier le texte de l'élément parent dans jQuery sans affecter les éléments enfants ?-js tutoriel-php.cn

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

Mary-Kate Olsen

Libérer： 2024-11-26 21:41:12

original

716 Les gens l'ont consulté

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>

Copier après la connexion

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

Copier après la connexion

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

Copier après la connexion

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!

Article précédent：Un meilleur plugin VS Code que Thunder Client Article suivant：Pourquoi eval() pourrait être le pire ennemi de votre code JavaScript

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

Derniers articles par auteur

Derniers numéros

function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...

Depuis 2024-04-29 11:01:01

2681

Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?

Depuis 2024-04-23 00:22:19

2817

La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...

Depuis 2024-04-19 15:37:47

2378

Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...