Wie kann ich Textknoten innerhalb eines Elements mit jQuery oder reinem JavaScript auswählen?

Auswählen von Textknoten mit jQuery

Das Auswählen von abgeleiteten Textknoten eines Elements mit jQuery erfordert ein wenig Kreativität. Während jQuery für diese Aufgabe keine spezielle Funktion bietet, ist es möglich, die Methoden content() und find() zu kombinieren, um das gewünschte Ergebnis zu erzielen.

jQuery-Lösung

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

getTextNodesIn(el);

Dieser Code sammelt untergeordnete Knoten, einschließlich Textknoten, mithilfe von content(). Anschließend werden mit find() abgeleitete Elemente und Textknoten isoliert. Beachten Sie, dass diese Lösung eine spezielle Behandlung für Iframe-Elemente erfordert.

Reine JavaScript-Lösung

Wenn Sie einen reinen JavaScript-Ansatz bevorzugen, kann die folgende Funktion verwendet werden:

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

Diese Funktion durchläuft rekursiv den DOM-Baum und identifiziert Textknoten anhand ihres Knotentyps. Es ermöglicht die Einbeziehung von Leerzeichenknoten durch Übergabe eines Parameters.

Das obige ist der detaillierte Inhalt vonWie kann ich Textknoten innerhalb eines Elements mit jQuery oder reinem JavaScript auswählen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!