javascript - 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/