Comment extraire le texte spécifique d'un élément HTML tout en préservant les autres éléments ?

Extraire un texte spécifique d'un élément avec compatibilité entre navigateurs

Pour récupérer un nœud de texte spécifique d'un élément tout en préservant les autres éléments qu'il contient , considérez le scénario suivant :

<div> Je suis un nœud de texte<br> <a></div><br>

Objectif : Obtenir le texte "Je suis un nœud de texte" sans supprimer le lien "Modifier".

Solution :

Le code jQuery suivant extrait efficacement le nœud de texte de intérêt tout en conservant la compatibilité entre navigateurs :

var text = $(".title").contents().filter(function() {
  return this.nodeType == Node.TEXT_NODE;
}).text();

Ce code :

1. Sélectionne l'élément avec la classe "titre" à l'aide de jQuery.
2. Appelle le contenu () pour récupérer tous les éléments enfants, y compris les nœuds de texte.
3. Applique une fonction de filtre sur ces contenus pour conserver uniquement le texte nodes.
4. Convertit les nœuds de texte filtrés en une seule chaîne à l'aide de la méthode text().

En conséquence, le texte "Je suis un nœud de texte" est renvoyé sans affecter le Lien "Modifier".

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!