Bagaimanakah Saya Boleh Dapatkan Semua Nod Teks Keturunan Elemen Dengan Cekap Menggunakan jQuery atau Pendekatan Bukan jQuery?

Mendapatkan semula Nod Teks dengan jQuery

Tugas untuk mendapatkan semula semua nod teks turunan elemen sebagai koleksi jQuery boleh menimbulkan cabaran. Walaupun jQuery tidak mempunyai fungsi khusus untuk tujuan khusus ini, kami boleh mencapai objektif ini dengan menggabungkan fungsi kandungan() dan find().

Pendekatan jQuery:

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

getTextNodesIn(el);

Pendekatan ini mendapatkan semula semua teks turunan nod, tidak termasuk iframe.

Pendekatan Bukan jQuery:

Untuk penyelesaian yang lebih cekap, fungsi berasaskan DOM rekursif boleh digunakan:

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

Fungsi ini boleh mengendalikan elemen bukan jQuery, memberikan kawalan yang lebih besar ke atas kemasukan nod teks ruang putih.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Dapatkan Semua Nod Teks Keturunan Elemen Dengan Cekap Menggunakan jQuery atau Pendekatan Bukan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!