2012-09-07 15 views
12

मैं छवियों का एक स्लाइड शो बनाने की कोशिश कर रहा हूं और मेरे पास छवियों और टेक्स्ट में प्रवेश करने के लिए समृद्ध टेक्स्ट एडिटर है। तो इस एचटीएमएल से:jQuery दो स्ट्रिंग पहचानकर्ताओं के बीच एचटीएमएल का चयन करें

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

आप # स्लाइडर और # एंड-स्लाइडर के बीच HTML का चयन कैसे करेंगे?

यह [कड़ी] और [/ link] ब्लॉग टिप्पणियों जैसे में के बीच पाठ निकालने के लिए एक समान अवधारणा: [कड़ी] http://google.com [/ link]

+0

'# एक आईडी या लेख सामग्री slider' है? – undefined

+0

# स्लाइडर सिर्फ टेक्स्ट –

+2

बिल्कुल "समान" नहीं है, स्क्वायर ब्रैकेट '[टैग]' को केवल रेगेक्स द्वारा पार्स किया जा सकता है - और आमतौर पर सैनिटाइजिंग (नेस्टेड टैग इत्यादि) के लिए सर्वर-साइड किया जाता है। अब आप पाठ नोड्स के साथ वास्तविक डोम तत्व प्रस्तुत कर रहे हैं, सुनिश्चित करें कि आप * रेगेक्स के साथ उन्हें पार्स कर सकते हैं, लेकिन इसके आसपास बेहतर तरीके हैं। –

उत्तर

6

इस प्रयास करें:

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

+0

धन्यवाद यह अच्छी तरह से काम किया! यह भी सोच रहा है कि क्या इसका चयन करने का कोई तरीका है, तो पहचानकर्ता और एचटीएमएल i.e. # स्लाईडर एचटीएमएल # एंड-स्लाइडर? –

+0

@PaulMason हां, अद्यतन कोड आज़माएं। – undefined

+0

बढ़िया! धन्यवाद –

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

http://jsfiddle.net/483kL/

+1

भयानक :) :) :) :) – AdityaParab

+1

बेशक, 'शामिल है' चयनकर्ता कुछ अनपेक्षित सामान को पकड़ सकता है उदा। '

# स्लाइडर *** हेडकीबोर्ड *** dsgdfhdfjdfj

'। हालांकि ओपी ठीक हो सकता है। –

2

प्रयास करें इस

$(document).ready(function(){ 
    $('p:contains("#slider")').nextUntil('p:contains("#end-slider")'); 
}); 
संबंधित मुद्दे