वर्ग नाम jquery

Question

के साथ दृश्य divs गिनती मुझे कक्षा नाम के साथ दृश्यमान का उपयोग कर परेशानी हो रही है।

पूर्व:

<div class="groupedDiv" id="group1"> 
    <div class="level1"> 
     Apples 
     <div class="level2"> || L2-apple </div> 
    </div> 

    <div class="level1" style="display:none;"> 
     Oranges 
     <div class="level2"> || [L2-orange] </div> 
    </div> 
</div> 

<br/> 

<div class="groupedDiv" id="group1"> 
    <div class="level1"> 
     Roses 
     <div class="level2"> || L2-rose </div> 
     <div class="level3"> l3 rose </div> 
    </div> 
</div> 

मैं कक्षा "level1"

$(".level1 :visible").length; मुझे उत्पादन 3, यह does not देता है के दृश्य divs उत्पादन 2 की अपेक्षा की # गिनती करने के लिए चाहते हैं?

$(".level1 :visible").parent().length; मुझे उत्पादन 2 जो सही

है मैं http://jsfiddle.net/metalhawk/P87jS/

पर इस उदाहरण बनाया है कोई सुझाव सहायक होते हैं देता है। धन्यवाद

Answer 1

$(".level1 :visible") एक वंशज चयनकर्ता है: आप .level1 के वंशज हैं जो सभी दृश्य तत्वों का चयन कर रहे हैं। तत्व हैं जो .level1 तत्वों के नीचे दिखाई दे रहे हैं।

उपयोग इस बजाय:

$(".level1:visible").length; 

See your fiddle per my update।

Answer 2

सुंदर वाकई $(".level1:visible").length;