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を選択しますか？

それはブログのコメントなどで[リンク]と[/リンク]の間のテキストを抽出することに似た概念です：[リンク] http://google.com [/リンク]

Answer 1

これを試してみてください

：

$('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 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/

Answer 3

この

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