jQuery-获取没有子文本的元素的文本

Question

例如我们有这个文件<div id="mydiv">    some text here     <div id="inner div">         text for inner div    </div></div>我只需要#mydiv像这样的一些代码来获取文本：alert($('#mydiv').text());  // will alert "some text here"

Answer 1

就性能而言，当前接受的答案非常可怕，因此我不得不写一个更轻量的答案：

$.fn.mytext = function() {

    var str = '';

    this.contents().each(function() {

        if (this.nodeType == 3) {

            str += this.textContent || this.innerText || '';

        }

    });

    return str;

};

console.log($('#mydiv').mytext());

Answer 2

就像Ja͢ck的答案一样，但无需显式迭代（通过.each（））并收集textContents：

$('#mydiv').contents().filter(function(){return this.nodeType === 3}).text()

或者，如果可以使用箭头功能：

$('#mydiv').contents().filter((i, el) => el.nodeType === 3).text()