jQuery在两个字符串标识符之间选择HTML

Question

我正在尝试制作图像幻灯片,我所拥有的只是一个富文本编辑器来输入图像和文本.所以从这个HTML:

<h1>title</h1>
<p>description...</p>

<p>#slider</p>

<p><img src="a.jpg" /></p>
<p><img src="b.jpg" /></p>
<p><img src="c.jpg" /></p>

<p>#end-slider</p>

你如何选择#slider和#end-slider之间的html？

这与在博客评论中[link]和[/ link]之间提取文本的概念类似,例如:[link] http://google.com [/ link]

Answer 1

$(document).ready(function() {
    $('p:contains("#slider")')
      .nextUntil('p:contains("#end-slider")')
      .wrapAll("<div id='stuff'></div>");
    var required = $('#stuff').html();
});

http://jsfiddle.net/483kL/

Answer 2

试试这个:

$('p:contains("#slider")').nextUntil('p:contains("#end-slider")')

更新:

var end = $('p:contains("#end-slider")');
$('p:contains("#slider")').nextUntil(end).andSelf().add(end)

http://jsfiddle.net/63kQC/