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

我有这个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(); 

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

Answer 2

使用此代码：

  $('#myDiv') .contents() .filter(function() { return this.nodeType == Node.TEXT_NODE; }).text(); 

Answer 3

我明白了这一点：

 $('#mydiv div').first().contents().eq(1).text();