我得到了大量的空文本节点与接受的过滤器功能。如果你只对选择包含非空格的文本节点感兴趣，试着在你的过滤器函数中添加一个nodeValue条件，比如简单的$.trim(this.nodevalue) !== ":

$('element')
    .contents()
    .filter(function(){
        return this.nodeType === 3 && $.trim(this.nodeValue) !== '';
    });

http://jsfiddle.net/ptp6m97v/

或者避免奇怪的情况，内容看起来像空格，但不是(例如软连字符­字符，换行符\n，制表符等)，您可以尝试使用正则表达式。例如，\S将匹配任何非空白字符:

$('element')
        .contents()
        .filter(function(){
            return this.nodeType === 3 && /\S/.test(this.nodeValue);
        });

我得到了大量的空文本节点与接受的过滤器功能。如果你只对选择包含非空格的文本节点感兴趣，试着在你的过滤器函数中添加一个nodeValue条件，比如简单的$.trim(this.nodevalue) !== ":

$('element')
    .contents()
    .filter(function(){
        return this.nodeType === 3 && $.trim(this.nodeValue) !== '';
    });

http://jsfiddle.net/ptp6m97v/

或者避免奇怪的情况，内容看起来像空格，但不是(例如软连字符­字符，换行符\n，制表符等)，您可以尝试使用正则表达式。例如，\S将匹配任何非空白字符:

$('element')
        .contents()
        .filter(function(){
            return this.nodeType === 3 && /\S/.test(this.nodeValue);
        });

jQuery.contents()可以与jQuery一起使用。筛选器以查找所有子文本节点。稍作改动，您还可以找到孙辈文本节点。不需要递归:

$(function() { var $textNodes = $("#test, #test *").contents().filter(function() { return this.nodeType === Node.TEXT_NODE; }); /* * for testing */ $textNodes.each(function() { console.log(this); }); }); div { margin-left: 1em; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div id="test"> child text 1<br> child text 2 <div> grandchild text 1 <div>grand-grandchild text 1</div> grandchild text 2 </div> child text 3<br> child text 4 </div>

js小提琴

对我来说，普通的.contents()似乎可以返回文本节点，只是必须小心选择器，以便知道它们将是文本节点。

例如，它用pre标签包装了表中td的所有文本内容，没有任何问题。

jQuery("#resultTable td").content().wrap("<pre/>")

Jauco在评论中发布了一个很好的解决方案，所以我在这里复制它:

$(elem)
  .contents()
  .filter(function() {
    return this.nodeType === 3; //Node.TEXT_NODE
  });

无论标记名称如何，这都可以完成工作。选择你的父母。

它为父节点和子节点提供了一个无重复的字符串数组。

$('parent')
.find(":not(iframe)")
.addBack()
.contents()
.filter(function() {return this.nodeType == 3;})
//.map((i,v) => $(v).text()) // uncomment if you want strings