javascript - jQueryは2つの文字列識別子の間で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")');
});