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

Question

我正在抓取一个网页，并且我要查找的文本位于包含另一个 span 的 span 内

<div class="someParentDiv">
  <span>this is the text I want   
    <span class="childSpanClass">I don't want this text</span>
  </span>
</div>

我试图通过 jQuery 选择来获取我想要的文本，但是当我使用 text() 获取元素的文本时，我也会获取子范围的文本，但我不这样做不想。

我设法只得到我想要的文本

$('div.someParentDiv span').remove('.childSpanClass')

但这对我来说似乎有点倒退( see example )，我想知道是否有更好、更好的方法来做到这一点。有什么想法吗？

Answer 1

您可以通过循环所有内容来过滤掉所有非纯文本内容:

var node = $('.someParentDiv > span').contents().filter(function() {
    return this.nodeType == 3; // text node
});

alert(node.text());