JQuery выберите HTML между двумя строковыми идентификаторами

Я пытаюсь сделать слайд-шоу изображений, и все, что у меня есть, - это богатый текстовый редактор для ввода изображений и текста. Итак, из этого 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>

Как вы можете выбрать html между #slider и # end-slider?

Это аналогичная концепция для извлечения текста между [link] и [/link] в комментариях к блогу, например: [link] http://google.com [/link]

Ответ 1

Попробуйте следующее:

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

Update:

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

http://jsfiddle.net/63kQC/

Ответ 2

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

http://jsfiddle.net/483kL/

Ответ 3

Попробуйте это

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