Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Memilih Semua Nod Teks Dengan Cekap Dalam Elemen Menggunakan jQuery?

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

Susan Sarandon
Susan Sarandonasal
2024-12-23 13:51:19564semak imbas

How Can I Efficiently Select All Text Nodes Within an Element Using 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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn