Javascript 获取元素的文本

Question

我想使用 javascript 或 jquery 获取元素的根文本，换句话说，元素中而不是子元素中的文本。 JavaScript innerText返回元素和子元素中的所有文本，但我只想获取父元素文本。例如参见这个

<div>
    Text1
    <div>
        Text2
    </div>
</div>

如果我使用javascript innerText或textContent它返回Text1 Text2但我只想得到 Text1 。

我怎样才能完成这项工作？

Answer 1

您可以使用contents()获取container元素的所有内容，然后使用filter()查找Node.nodeType

var text = $('div#container').contents().filter(function() {
  return this.nodeType == Node.TEXT_NODE
}).get(0).nodeValue;
alert(text)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='container'>
  Text1
  <div>
    Text2
  </div>
</div>