Javascript获取元素的文本

Question

我想使用javascript或jquery获取元素的根文本，换句话说，在元素中而不是在子元素中的文本。 Javascript body{background-color: lightgrey;} h1{color: blue;} p{color:green;} 返回元素和子元素中的所有文本，但我只想获取父元素文本。例如，见

innerText

如果我使用javascript <div> Text1 <div> Text2 </div> </div> 或innerText，则返回textContent，但我只想获得Text1 Text2。

我该怎么做才能做到这一点？

Answer 1

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

我认为你应该添加一个类=＆＃39; div1＆＃39;或id =＆＃39; div2＆＃39;然后定位该元素。