वर्ग "चेक" के साथ jQuery गिनती आइटम

Question

मैं इस के साथ संघर्ष कर रहा हूं। मेरे पास वस्तुओं की एक सूची है और फ़ॉर्म के एक हिस्से पर जब कुछ मान्य है तो यह संबंधित सूची आइटम में "चेक" श्रेणी जोड़ता है।

<ul> 
<li class="title">Checklist</li> 
<li class="checkType checked">Card Type</li> 
<li class="checkNumber checked">Card Number</li> 
<li class="checkName checked">Name on Card</li> 
<li class="checkMonth checked">Expiry Month</li> 
<li class="checkYear checked">Expiry Year</li> 
<li class="checkCode checked">Security Code</li> 
</ul> 

.title{font-size:23px; font-weight:bold;} 
.checked{ color:#f00;} 

लेकिन मुझे लगता है कि प्रत्येक आइटम title छोड़कर वर्ग checked है की जाँच करने के jQuery की जरूरत है।

क्या यह करने योग्य है?

डेमो:http://jsfiddle.net/bQtEQ/1/

जवाब मैं अब के लिए धन्यवाद निम्नलिखित

 var counting = $("li.checked:not(.title)").length; 
    if (counting == 6){ 
     console.log(counting); 
    } 

Answer 1

यह 1 सरल चयनकर्ता

$("li.checked:not(.title)").length 

लाभ यहाँ के साथ संभव है, के अलावा कम कोड करने के लिए होने से, कि :not() चयनकर्ता खोज के दौरान में शामिल होती है परिणाम सेट को कम करना है। इसका मतलब है कि jQuery तत्वों को तुरंत चालू करने के लिए jQuery के लिए कम समय। इसका मतलब है कि तेजी से निष्पादन का समय, खासकर पुराने ब्राउज़र पर।

Answer 2

यह आपको क्लास 'checked' के साथ <li> तत्वों की जरूरत नहीं है कि सभी को देना चाहिए वर्ग का शीर्षक:

$('li.checked').not('.title').length 

हालांकि - अगर आप केवल चाहते थे चेक किए गए तत्वों की गिनती:

$('.checked').length 

पर्याप्त होना चाहिए।

Answer 3

$('.checked').not('.title').length == $("ul li").length -1 

Answer 4

$("li").each(function() { 
    if(!$(this).hasClass("title") && $(this).hasClass("checked")) { 
      alert("hah"); 
    } 
});