Question

每当我需要顶级文本节点时，我必须写下这个长篇故事吗？

$("#hello").clone().children().remove().end().text();

为什么没有原生功能支持它？

Answer 1

我不确定为什么没有原生支持。我想你可以把那些笨重的代码变成一个插件（必须有一个比我选择的更好的名字）：

$.fn.topNodeText = function() {  
   return $(this).clone().children().remove().end().text();
};

$(document).ready(function() {
    alert($("#blahahah").topNodeText());
});

Answer 2

$.fn.directText = function() {  
    return $.map(this[0].childNodes, function(n){
        return n.nodeType === 3 ? n.data : [];
    }).join('');
};

$(something).directText();

jQuery没有直接提供，你可以一起破解并插入一个插件：）

Answer 3

这是获取文本节点的一种非常好的方法..

getTextNodes: function( el ) {
        var nodes = [];
        if(el instanceof NodeList || el instanceof HTMLCollection ){ 
                    //perhaps a better test for an array/collection of objects is required here?
                        for( var i = 0, j = el.length; i < j; i++ ) {
                            //call this function with each item in the array/collection
                            nodes = nodes.concat( arguments.callee(el[i]));
                        }
                        return nodes;
        }
            for( var i = 0, j = el.childNodes.length; i < j; i++ ) {
            var node = el.childNodes[i];
            if( node.nodeType == 3 ) {
                //ignore whitespace
                if( /^\s+$/.test( node.nodeValue ) ) continue;
                nodes.push( Tarjemlo.trim(node.nodeValue) );
            } else {
                //call this function with this child node
                nodes = nodes.concat( arguments.callee( node ) );
            }
            }
            return nodes;
    }

jQuery不支持选择顶级nodetext？

3 个答案: