获取div的文本而不是span

Question

我有这个演示并尝试获取 div 的文本。

<script>
var string = "<span>this is span</span>new line";
var anchors = $('<div/>').append(string).find('span').text();
console.log(anchors);
</script>

div 看起来像

<div>
   <span>this is span</span>
   new line
</div>

输出：-

this is span

并想要new line

Answer 1

尝试这样

如果 div 有一个 id foo 或 class foo

$("#foo") //can not use div as will target all the divs
    .clone()    //clone the element
    .children() //select all the children
    .remove()   //remove all the children
    .end()  //again go back to selected element
    .text();

或者

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

演示小提琴