Comment puis-je récupérer efficacement tous les nœuds de texte descendants d'un élément à l'aide de jQuery ou d'une approche non jQuery ?

Récupération de nœuds de texte avec jQuery

La tâche de récupérer tous les nœuds de texte descendants d'un élément en tant que collection jQuery peut poser un défi. Bien que jQuery ne dispose pas d'une fonction dédiée à cet objectif spécifique, nous pouvons atteindre cet objectif en combinant les fonctionnalités de contents() et find().

Approche jQuery :

var getTextNodesIn = function(el) {
    return $(el).find(":not(iframe)").addBack().contents().filter(function() {
        return this.nodeType == 3;
    });
};

getTextNodesIn(el);

Cette approche récupère tous les nœuds de texte descendants, à l'exclusion iframes.

Approche non jQuery :

Pour une solution plus efficace, une fonction récursive basée sur le DOM peut être utilisée :

function getTextNodesIn(node, includeWhitespaceNodes) {
    var textNodes = [], nonWhitespaceMatcher = /\S/;

    function getTextNodes(node) {
        if (node.nodeType == 3) {
            if (includeWhitespaceNodes || nonWhitespaceMatcher.test(node.nodeValue)) {
                textNodes.push(node);
            }
        } else {
            for (var i = 0, len = node.childNodes.length; i < len; ++i) {
                getTextNodes(node.childNodes[i]);
            }
        }
    }

    getTextNodes(node);
    return textNodes;
}

getTextNodesIn(el);

Cette fonction peut gérer des éléments non jQuery, offrant un meilleur contrôle sur l'inclusion des nœuds de texte d'espaces.

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!