liczenie widocznych elementów div z nazwą klasy jquery

Mam problem z użyciem: widocznego z nazwą klasy.liczenie widocznych elementów div z nazwą klasy jquery

Ex:

<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>

Jeśli chcę policzyć # widocznych div klasy "równej1"

$(".level1 :visible").length; daje mi moc 3, nie robi to ma wyjście 2?

$(".level1 :visible").parent().length; daje mi wyjście 2, która jest poprawna

Stworzyłem ten przykład w http://jsfiddle.net/metalhawk/P87jS/

Wszelkie sugestie są pomocne. Dzięki

Źródło

2011-01-11 metalhawk

$(".level1 :visible") jest selektorem potomnym: wybierasz wszystkie widoczne elementy, które są potomkami .level1. Istnieją trzy elementy: div, które są widoczne pod elementami .level1.

Użyj tego zamiast:

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

See your fiddle per my update.

Źródło

2011-01-11 22:21:10 lonesomeday

@lonesomeday, każdy sposób na to, aby zaktualizować podczas div ukryć/pokazać na stronie? Jak na żywo? Działa to świetnie na ładowanie strony, ale dla sortowania/wyszukiwania, gdzie divs są usuwane, w jaki sposób uzyskać to zmienia? – Collarbone

@JamisonHill Za każdym razem, gdy go uruchomisz, poda aktualny numer. Po każdej zmianie trzeba ponownie uruchomić selektor. Mogą być na to bardziej eleganckie sposoby, ale trudno powiedzieć, nie zagłębiając się w kod. – lonesomeday

@lonesomeday - Oto jFiddle z moim kodem. Bardzo proste, ale nie uaktualniające wyszukiwania: http://jsfiddle.net/KYjfk/10/ Daj mi znać, co myślisz. – Collarbone

Całkiem na pewno trzeba zrobić $(".level1:visible").length;

Space łamie kod

Źródło

2011-01-11 22:22:25 dpmguise

Ahh ... Dzięki dpmguise. – metalhawk

liczenie widocznych elementów div z nazwą klasy jquery

Odpowiedz

Powiązane problemy