jQuery - 2 छद्म चयनकर्ता?

Question

संभव डुप्लिकेट:
Combining jQuery :not and :nth-child selectors

संभव है?

यहाँ मेरी कोड है:

$("ul#filterlist li:nth-child(3n)").css("marginTop", "0"); 

अगर मैं सूची है कि लागू करना चाहते थे, लेकिन केवल इस सूची में उन वस्तुओं दिखाई करने के लिए (कुछ छिपा मिलता है, मैं उन्हें गिना नहीं करना चाहती), कैसे क्या यह हासिल किया जाएगा? मैं कुछ ऐसा सोच रहा था:

$("ul#filterlist li:nth-child(3n)").not(":hidden").css("marginTop", "0"); 

लेकिन यह काम नहीं करेगा। न तो मैं कुछ भी कोशिश करूंगा: दृश्य

कोई विचार? धन्यवाद।

Answer 1

जिस विधि को आप ढूंढ रहे हैं वह filter() है। यह दिए गए चयनकर्ता के आधार पर jQuery ऑब्जेक्ट्स की एक सूची को फ़िल्टर करेगा। चूंकि वहां कोई ":hidden" चयनकर्ता नहीं मिला था, इसलिए मैंने :visible के विपरीत उपयोग किया था।

$("ul#filterlist li:nth-child(3n)").filter(":visible").css("marginTop", "0"); 

आशा है कि इससे मदद मिलती है!

Answer 2

चेनिंग का प्रयास करें: चयनकर्ताओं

$("ul#filterlist li:nth-child(3n):not(:hidden)").css("marginTop", "0"); 

इस जवाब में दिखाया गया है जैसे:

jQuery - multiple :not selector

Answer 3

आप छिपा तत्वों आप निम्नलिखित कोड का उपयोग कर कोशिश कर सकते हैं गिनती करने के लिए नहीं करना चाहते हैं।

$("ul#filterlist li:visible").filter(function(index){ 
    return (index+1)%3 == 0?true:false; 
}).css("marginTop", "0"); 

jsfiddle here