使用 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();

这会获取所选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();