如何獲取兩個容器之間的文本？

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具有不同的兼容性。