2011-01-14 26 views
6

के बीच तत्वों का चयन कैसे करें मेरे पास HTML है और 10 वीं स्थिति से अंतराल 5 तत्वों का चयन करना चाहते हैं। यह कैसे करना है?अंतराल

मेरे एचटीएमएल:

<div class="chaire"> 
    <img alt="" src="2.gif"> 

</div> 
<div class="chaire"> 
    <img alt="" src="2.gif"> 
</div> 
<div class="chaire"> 
    <img alt="" src="2.gif"> 
</div> 
<div class="chaire"> 
    <img alt="" src="2.gif"> 
</div> 
... 
<div class="chaire"> 
    <img alt="" src="2.gif"> 
</div> 

मैं jQuery के साथ प्रयास करें:

$(".chaire:gt(10):lt(15)"); 

लेकिन यह मेरे div और img टैग का चयन करें। लेकिन मुझे div टैग की आवश्यकता है।

उत्तर

4

आपका कोड काम ठीक करता है, और केवल <div> तत्वों का चयन करता है। this example fiddle पर एक नज़र डालें, जो 10 वीं ( :gt(9):lt(15)) के बाद 5 <div> तत्व पाता है।


चयनकर्ता आपके पास केवल यही वर्ग के नाम के साथ तत्वों का चयन करेंगे अपने उदाहरण एचटीएमएल के मामले में, है, यह सिर्फ <div> तत्वों है। नहीं <img> तत्वों का चयन किया जाएगा। rcravens पहले से ही इंगित कर चुका था, दो चयनकर्ता अलग-अलग परिणाम संशोधित करते हैं, इसलिए आपको :lt() पहले - :lt(15):gt(9) का उपयोग करने की आवश्यकता है।

अद्यतन उदाहरण: http://jsfiddle.net/teQkf/3/। उदाहरण कोड का अगला भाग परिणाम के भीतर <img> तत्वों को पाता है और उनके स्रोत को किसी अन्य चीज़ में बदल देता है।

आप slice है, जो केवल परिणाम पर एक ही आपरेशन और इसलिए कम भ्रामक है का उपयोग कर बेहतर कर रहे हैं, तेजी से उल्लेख करने के लिए नहीं:

$(".chaire").slice(10,15); 

(example)

+0

मैं सहमत नहीं हूं। : Gt (9): lt (15) ऐसा लगता है कि यह काम कर रहा है क्योंकि श्रृंखला में केवल 5 और तत्व हैं। मैंने यह दिखाने के लिए अपना उदाहरण अपडेट किया: http://jsfiddle.net/rcravens/teQkf/2/ – rcravens

+0

@rcravens: हाँ, मैंने अभी भी यह पता लगाया था। चयनकर्ताओं को स्वैप करने से समस्या ठीक हो जाती है, इसलिए मैंने अपना जवाब अपडेट किया। इस तरह के भ्रम से बचने के लिए मैं निश्चित रूप से 'स्लाइस' का उपयोग करने की सलाह दूंगा। –

2

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

$(".chaire:gt(10):lt(5)"); 

यहाँ एक jFiddle के साथ चारों ओर खेलने के लिए है।

http://jsfiddle.net/rcravens/m3j6K/

यह जीटी 'और' लीटर 'चयनकर्ताओं का अर्थ है' लीटर 'चेनिंग क्या' gt 'के बाद बनी हुई है पर लागू होता है जैसा दिखता है।

बॉब

+0

आप '10 रखना चाहते हैं 'और' 15 'इंडेक्स,' लेफ्टिनेंट 'पहले और' gt 'सेकेंड को लागू करें। मैंने jfiddle को इसका उदाहरण शामिल करने के लिए अद्यतन किया: http://jsfiddle.net/rcravens/m3j6K/1/ – rcravens

+0

यह उल्लेखनीय है कि दोनों चयनकर्ता तर्क के रूप में शून्य-आधारित पूर्णांक लेते हैं, इसलिए 0 पहले तत्व से है, 1 है दूसरे से, आदि। इसलिए, ': gt (10): lt (5) 'वास्तव में तत्व 12-15 का चयन करता है, जो केवल 4 तत्व हैं। अपने उदाहरण के लिए एक अपडेट देखें: http://jsfiddle.net/m3j6K/3/ –

संबंधित मुद्दे