Выбор текстовых узлов с помощью jQuery

] Выбор текстовых узлов потока элемента с jQuery требует небольшого творчества. В то время как jQuery не предлагает определенную функцию для этой задачи, можно объединить методы contents () и find () для достижения желаемого результата.

jquery solution

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

getTextNodesIn(el);

Этот код собирает детские узлы, включая текстовые узлы, используя contents (). Затем он изолирует элементы потомков и текстовые узлы, используя find (). Обратите внимание, что это решение требует специальной обработки для элементов iframe.

pure javascript solution

Если вы предпочитаете чистый подход Javascript, можно использовать следующую функцию:

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  
 эта функция рекурсивно проходит дерево DOM, идентифицируя текстовые узлы на основе их типа узла. Это позволяет включать узлы пробелов путем передачи параметра. 
]