如何获取两个容器之间的文本？

Question

我需要解析一些文本，即在两个容器之间。 我无法更改HTML的结构，事实就是如此。 以下是标记：

<span class="location" title="Donetsk, Donetskaya, Ukraine"><img data-src="/media/images/4.0/flags/ua.gif" style="opacity: 1; visibility: visible;" src="/media/images/4.0/flags/ua.gif">&nbsp;&nbsp;Ukraine</span>

                                 | 
                Rate: $35
                             | 
            IT & Programming

<div class="eol-level-small clickable" id="snap0" onmouseover="EOL.snapshot.tip('246969','10183','snap0')" onmouseout="EOL.snapshot.tipCancel()">16</div>

我需要提取的是文本：

                                 | 
                Rate: $35
                             | 
            IT & Programming

我该如何使用jQuery或JavaScript？

Answer 1

看起来像带有类location的元素的nextSibling元素

$('.location')[0].nextSibling.nodeValue

演示： 小提琴

Answer 2

不要使用没有Tag的文本，使用nextSibling是不安全的，因为nextSibling与IE和Moz具有不同的兼容性。