jQuery chọn HTML giữa hai số nhận dạng chuỗi

Question

Tôi đang cố tạo trình chiếu hình ảnh và tất cả những gì tôi có là trình chỉnh sửa văn bản có dạng thức để nhập hình ảnh và văn bản. Vì vậy, từ html này:

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

Bạn sẽ chọn html giữa #slider và # end-slider như thế nào?

Đó là một khái niệm tương tự để giải nén văn bản giữa [link] và [/ link] trong blog comments ví dụ: [link] http://google.com [/ link]

Answer 1

Hãy thử điều này:

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

cập nhật:

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

Hãy thử điều này

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