jQuery seleziona HTML tra due identificatori di stringa

Sto cercando di creare una presentazione di immagini e tutto quello che ho è un editor di testo avanzato per inserire immagini e testo. Quindi da questo html:jQuery seleziona HTML tra due identificatori di stringa

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

Come ti selezionare il codice HTML tra #slider e # end-cursore?

E 'un concetto simile a estrazione di testo tra [link] e [/ link] nei commenti del blog ad esempio: [link] http://google.com [/ link]

fonte

2012-09-07 Paul Mason

è '# slider' un contenuto di ID o il testo? – undefined

#slider è solo testo –

Non esattamente "simile", parentesi quadre '[tags]' può essere analizzato solo da espressioni regolari - e di solito viene eseguito lato server per la sanitizzazione (tag nidificati, ecc.). Ora stai presentando gli attuali elementi DOM con i nodi di testo, sicuro che * potresti * analizzarli con espressioni regolari, ma ci sono modi migliori per farlo. –

Prova questo:

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

Aggiornamento:

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

http://jsfiddle.net/63kQC/

fonte

2012-09-07 05:57:20 undefined

Grazie, ha funzionato bene! Chiediti inoltre se esiste un modo per selezionarlo tutto, quindi gli identificatori e il codice html i.e. #slider html # end-slider? –

@PaulMason Sì, prova il codice aggiornato. – undefined

Eccellente! Grazie –

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

http://jsfiddle.net/483kL/

fonte

2012-09-07 05:53:59 nbrooks

awesome :) :) :) :) – AdityaParab

Ovviamente, il selettore ': contains' può catturare alcune cose non volute, ad es. '

#slider *** headkeyboard *** dsgdfhdfjdfj

'. OP può essere ok con quello però. –

Prova questa

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

fonte

2012-09-07 06:04:36 Codegiant

jQuery seleziona HTML tra due identificatori di stringa

risposta

Problemi correlati