Comment puis-je extraire des nœuds de texte spécifiques d'un élément HTML à l'aide de jQuery ?

Comment récupérer sélectivement le contenu textuel d'un élément

Lorsque vous travaillez avec des documents HTML, il peut être nécessaire d'extraire des nœuds de texte spécifiques d'un élément sans altérer la structure de l’élément. Prenons l'exemple suivant :

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

Dans ce scénario, le but est de récupérer uniquement le texte "Je suis un nœud de texte", excluant la balise "Modifier". Pour y parvenir de manière compatible avec tous les navigateurs, jQuery peut être utilisé.

Solution jQuery :

Le code jQuery suivant extrait efficacement le nœud de texte tout en préservant le " Modifier" tag:

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

Explication:

• Le code sélectionne l'élément avec la classe "title".
• Il récupère ensuite le contenu de cet élément, qui inclut le nœud de texte et la balise d'ancrage.
• La fonction de filtre est appliquée au contenu, identifiant et renvoyant uniquement le texte nœuds.
• Enfin, la méthode text() est utilisée pour extraire le contenu du texte du nœud de texte sélectionné.

En utilisant cette approche, le nœud de texte souhaité est obtenu sans affecter la structure ou le contenu de l'élément. Cette solution garantit la compatibilité entre plusieurs navigateurs, s'adaptant à divers scénarios de documents HTML.

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!