jQuery wybierz HTML między dwoma identyfikatorami stringów

Próbuję zrobić pokaz slajdów z obrazów, a wszystko, co mam, to edytor tekstu sformatowanego, który wprowadza obrazy i tekst. Z tego html:jQuery wybierz HTML między dwoma identyfikatorami stringów

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

Jak wybrałbyś kod HTML pomiędzy #slider i # end-slider?

Jest to koncepcja podobna do wydobywania tekstu pomiędzy [LINK] i [/ link] w komentarzach na blogach np [link] http://google.com [/ link]

Źródło

2012-09-07 Paul Mason

jest '# slider' zawartość identyfikatora lub tekstowej? – undefined

#slider jest po prostu tekstem –

Niezupełnie "podobny", nawias kwadratowy '[znaczniki]' może być parsowany tylko przez regex - i zwykle jest wykonywany po stronie serwera w celu odkażania (znaczniki zagnieżdżone itp.). Teraz prezentujesz rzeczywiste elementy DOM za pomocą węzłów tekstowych, na pewno * możesz * sparsować je za pomocą wyrażenia regularnego, ale są na to lepsze sposoby. –

Spróbuj tego:

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

Aktualizacja:

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

http://jsfiddle.net/63kQC/

Źródło

2012-09-07 05:57:20 undefined

To zadziałało dobrze! Zastanawiasz się również, czy istnieje sposób, aby wybrać to wszystko, więc identyfikatory i html, tj. #slider html # end-slider? –

@PaulMason Tak, spróbuj zaktualizowanego kodu. – undefined

Doskonale! Dziękujemy –

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

http://jsfiddle.net/483kL/

Źródło

2012-09-07 05:53:59 nbrooks

niesamowite :) :) :) :) – AdityaParab

Oczywiście selektor ': contains' może złapać pewne niezamierzone rzeczy, np. '

#slider *** headkeyboard *** dsgdfhdfjdfj

'. OP może być jednak w porządku. –

Spróbuj

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

Źródło

2012-09-07 06:04:36 Codegiant

jQuery wybierz HTML między dwoma identyfikatorami stringów

Odpowiedz

Powiązane problemy