Usa jQuery per controllare se tutte le div sono nascoste

Question

Come verifico se tutti i div con test di classe sono nascosti. E se sono tutti nascosti, imposta wrap1 su hidden. Grazie.

<div id='wrap1'> 
<div class="header">Header 1</div> 
<div class='test'><a href="#">Test 1</a></div> 
<div class='test'><a href="#">Test 2</a></div> 
<div class='test'><a href="#">Test 3</a></div> 
</div> 

UPDATE: Grazie a tutti per le risposte molto veloce, ho capito di lavoro. Erano tutti molto utili.

Answer 1

È possibile fare il check in, utilizzando il selettore come suggerito sopra e in questo modo:

if ($("div.test:visible").length === 0) 
     $("#wrap1").hide(); 

Answer 2

Un modo migliore per vedere se sono tutti visibili è il conteggio per la visibilità uguale al conteggio totale.

$("#wrap1 div:visible").length == $("#wrap1 div").length 

Answer 3

Questo frammento di codice in loop tutto <div id="wrap#"> e nasconderle se il test sono nascosti.

$("div[id^='wrap']").each(function() { 
    var wrap = $(this); 

    if(wrap.children("div[class^='test']:visible").length == 0) { 
    wrap.hide(); 
    } else { 
    wrap.show(); 
    } 
}); 

Se si vuole ancora mantenere la vostra <div id="wrap#"> visibile se non ci sono nessun test a tutti (come in nessuno nel codice), è possibile utilizzare il seguente frammento modificato:

$("div[id^='wrap']").each(function() { 
    var wrap = $(this); 

    if(wrap.children("div[class^='test']").length > 0 && 
    wrap.children("div[class^='test']:visible").length == 0) { 
    wrap.hide(); 
    } else { 
    wrap.show(); 
    } 
}); 

Non c'è motivo convincente per classificare le classi (tranne che nei casi limite). La tua numerazione complica il codice di cui sopra così come il tuo CSS. Sarebbe più semplice rimuovere la numerazione da test. (Non è necessario come si può sempre selezionare un sottoinsieme di loro utilizzando :lt(index), :gt(index), :eq(index), :first e :last.

Per quanto riguarda gli ID di numerazione, va bene dal momento che ogni id deve essere unico.

Answer 4

jQuery("#wrap1").find("div").each(function() 
    { 
     if ($(this).is(':hidden')) 
     { 
     } 
    } 
);