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/

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/

Answer 3

试试这个

$(document).ready(function(){
   $('p:contains("#slider")').nextUntil('p:contains("#end-slider")');
});