jquery - 使用jquery获取span元素后的文本

Question

我有这个html代码

<div id="mydiv">
    <div>
        <span>Text inside span</span>
        Text next to span
    </div>
    <div>
        Contents inside the 2nd div element...
    </div>
</div>

我想获得“跨度旁边的文本”。我尝试了这段代码 JQuery 代码

var a = $('#mydiv div').first().find('span').parent().text();
alert(a);

上面jquery代码的输出是这样的:

Text inside span
Text next to span

应该怎样做才能只获取“跨度旁边的文本”？

Answer 1

var a = $('#mydiv div').first().contents().filter(function() {
  return this.nodeType == 3;
}).text();

console.log(a);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="mydiv">
  <div>
    <span>Text inside span</span> 
    Text next to span
  </div>
  <div>
    Contents inside the 2nd div element...
  </div>
</div>

这会获取所选 div 的内容，并过滤匹配的集合，仅返回 nodeType == 3 的元素，即文本节点。