javascript - 如何获取未包含在任何html标签中的innertext

Question

我的 html 是 -

​<div>
    <span>spanText</span>
    nonspantext
</div>
​​​​​​

我的js是-

​$(function(){
    alert($("div").text());
});​

我想得到的是“nonspantext”作为警报。
fiddle 开始在这里 - http://jsfiddle.net/UHr2x/

Answer 1

您可以使用 .contents()获取元素的内容(包括文本节点)，然后过滤结果以仅保留文本节点:

$("div").contents().filter(function () {
    return this.nodeType === 3;  
}).text();

这是一个 working example .请注意，结果包含新行，因此您可能希望在使用它之前对其进行 trim 。