Bagaimanakah Saya Boleh Memilih Semua Nod Teks Dengan Cekap Dalam Elemen Menggunakan jQuery?

Memilih Nod Teks dengan jQuery

Mendapatkan semula semua nod teks turunan elemen sebagai koleksi jQuery boleh menjadi tugas yang rumit. Memandangkan jQuery tidak mempunyai fungsi khusus untuk ini, gabungan kaedah diperlukan.

Penyelesaian melibatkan penggunaan fungsi contents(), yang mendapatkan semula nod anak (termasuk nod teks), dan fungsi find(), yang memilih semua elemen keturunan (tidak termasuk nod teks). Dengan menggabungkan hasil ini, semua nod teks dalam elemen yang ditentukan boleh diperolehi.

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

getTextNodesIn(el);

Pertimbangan:

• Pendekatan ini mungkin tidak cekap berbanding dengan tulen Kaedah DOM.
• Penyelesaian diperlukan kerana jQuery terlalu memuatkan kandungan() fungsi.
• Penyelesaian bukan jQuery, seperti berikut, menyediakan alternatif yang lebih cekap:

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

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