Überprüfen Sie, ob alle Kinder Elemente

Question

versteckt Ich bin ein bisschen hier mit meinem Skript stecken:

Es ist ein Kontrollkästchen Filtern aller .notme Bilder und versteckt es Listenelemente ist. Das Problem ist jetzt kann ich nicht eine funktionierende Callback-Funktion für die fadeToggle bekommen. Es sollte wie folgt verhalten:

Wenn alle Kinder #list-team-single-container „none angezeigt“ sind - etwas tun.

$('#show-only-my-teams').change(function(){ 
    $('.notme').each(function(){ 
     $(this).parent().parent().fadeToggle('fast', function(){ 
     }); 
    }); 
}); 

Answer 1

if($('#list-team-single-container').children(':visible').length == 0) { 
    // action when all are hidden 
} 

Answer 2

Die :visible jQuery-Selektor könnte sein, was Sie für ...

Aus den description

Elemente betrachtet werden sichtbar, wenn sie in dem Dokument verbrauchen Raum suchen. Sichtbare Elemente haben eine Breite oder Höhe, die größer als Null ist.

Elemente mit Sichtbarkeit: ausgeblendet oder Opazität: 0 werden als sichtbar betrachtet, da sie immer noch Platz im Layout verbrauchen. Während Animationen, die ein Element ausblenden, wird das Element als bis zum Ende der Animation sichtbar betrachtet. Während Animationen, um ein Element anzuzeigen, wird das Element als am Anfang bei der Animation sichtbar betrachtet.

http://api.jquery.com/visible-selector/

---

$('#list-team-single-container').children(':visible'); 

Diese Zeile Code wird alle untergeordneten Elemente von #list-team-single-container zurück, die sichtbar sind.

$('#list-team-single-container').children(':visible').length; 

Diese Codezeile wird die Anzahl der untergeordneten Elemente von #list-team-single-container zurück, die sichtbar sind.

Answer 3

Es ist schwierig, genau zu sein, ohne Ihr Markup zu sehen, aber ich kann mir vorstellen, so etwas wie dies zu tun:

var isVisible = 0; 

$('.notme').each(function() { 
    if($(this).is(":visible") { 
     isVisible++; 
    } 
}); 

if (isVisible == 0) 
    // do something