2012-12-22 6 views
8

संभव डुप्लिकेट:
Selecting the first “n” items with jQueryJquery सीमा तत्व क्वेरी परिणाम

मैं तत्वों की एक अनंत गणनीय सूची है!

क्या सूची के प्रमुख से एक्स तत्व ढूंढने और रोकने के लिए कोई फ़ंक्शन है!

$('.elements').find('li').limit(10) //this does not work 

मैंने गूग की कोशिश की लेकिन मैं पर्याप्त विशिष्ट नहीं हो सकता था? !

+2

* "मैंने अच्छा प्रयास किया लेकिन मैं पर्याप्त के साथ पर्याप्त विशिष्ट नहीं हो सकता था!" * इसका क्या अर्थ है? –

+0

'$ ('तत्व')। ढूंढें ('li')। Eq (10) 'इस समस्या को हल करता है! रेफरी: https://api.jquery.com/eq/ –

उत्तर

17

हां, आप इसके लिए jQuery के custom :lt selector का उपयोग कर सकते हैं।

उदाहरण के लिए, इस दिए गए लक्ष्य सूची में केवल पहले तीन li रों मिलेगा:

var firstThree = $("#target li:lt(3)"); 

Live Example | Source

+0

हालांकि @ पैलाश के उदाहरण से क्लीनर हालांकि, यह बहुत धीमा है क्योंकि इसे CSS3 चयनकर्ता को समझने के लिए jQuery सिज़ल इंजन का उपयोग करने की आवश्यकता है। $ ('# Target li') जैसे कुछ के साथ आपका bettor बंद करें। टुकड़ा (0,3); यदि प्रदर्शन एक लक्ष्य है। –

+0

@MariusMiliunas: यह एक CSS3 चयनकर्ता नहीं है, यह एक jQuery- केवल चयनकर्ता है। और आप बिल्कुल सही हैं कि यह काम करने से Sizzle पर निर्भर करता है और ब्राउज़र पर ऑफलोड नहीं किया जा सकता है। मैंने पैलेस के जवाब को नहीं देखा था, लेकिन मैंने इसे अभी ऊपर उठाया है और आपको भी प्रोत्साहित किया है। –

+0

हाँ आप इसके बारे में केवल jQuery होने के बारे में सही हैं। –

14

jQuery slice आज़माएं।

$('.elements').find('li').slice(0,10); 

अद्यतन

मेरियस Miliunas और टी.जे. द्वारा सुझाव दिया गया है: अपने कोड कुछ इस तरह हो जाएगा प्रदर्शन के आधार पर क्रॉउडर, आप बस यह कर सकते हैं:

$('.elements li').slice(0,10); 
+0

आधुनिक ब्राउज़रों के साथ, आप संभवतः '$ ("। एलिमेंट ली ") से बेहतर हैं। स्लाइस (0, 10) 'ताकि यह एक प्रश्न चयनकर्ता हो जिसे दो से अधिक ब्राउज़र पर सौंप दिया जा सके। JQuery एक्सटेंशन का उपयोग न करने के लिए +1 (मुझे लगता है कि मेरे द्वारा एक जवाब देखने में मुझे आश्चर्य हुआ)। –

+0

बस स्पष्टता के लिए .. 'टुकड़ा()' ऊपर उदाहरण में jQuery एक्सटेंशन है। डॉक्टर: [http://api.jquery.com/slice/](http://api.jquery.com/slice/) – instead

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

  • कोई संबंधित समस्या नहीं^_^