javascript - 如何在两个闭合标签之间获取文本

Question

我正在寻找一个 jQuery 解决方案

<pre><marker id="markerStart"></marker>
aaaaa
<span style='font-family:monospace;background-color:#a0a0a0;'>bbb</span>bb
cc<marker id="markerEnd"></marker>ccc
</pre>

如何获取 <marker> 之间的文本标签？应该是下面的结果:aaaaabbbbbcc

示例 2(SPAN 标记内的 markerEnd):

<pre><marker id="markerStart"></marker>
aaaaa
<span style='font-family:monospace;background-color:#a0a0a0;'>b<marker id="markerEnd"></marker>bb</span>bb
ccccc
</pre>

预期结果:aaaaab

谢谢。

Answer 1

你可以像这样获取两个节点之间的所有元素:

$('marker:first').nextUntil('marker').text()

但是，由于需要包含文本节点，所以需要这样写

var contents = $('pre').contents(),
    start = contents.filter('marker:first'),
    end = start.nextAll('marker:first'),
    startIndex = contents.index(start),
    endIndex = contents.index(end);

alert(contents.filter(function(i) {
    return i > startIndex && i < endIndex;
}).text());

http://jsfiddle.net/SLaks/2jEps/