Kiểm tra nếu các yếu tố tất cả trẻ em được ẩn

Question

tôi là một chút khó khăn ở đây với kịch bản của tôi:

của nó một hộp kiểm lọc tất cả .notme hình ảnh và giấu nó mục danh sách. Vấn đề là bây giờ tôi không thể có được một chức năng gọi lại làm việc cho fadeToggle. Hành động sẽ như sau:

Nếu tất cả trẻ em của #list-team-single-container đều "không hiển thị" - hãy làm điều gì đó.

$('#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

Các jQuery selector :visible có thể là những gì bạn đang tìm kiếm ...

Từ description

Elements được coi là hiển thị nếu họ tiêu thụ không gian trong tài liệu. Các thành phần hiển thị có chiều rộng hoặc chiều cao lớn hơn 0.

Các thành phần có khả năng hiển thị: ẩn hoặc độ mờ: 0 được xem là hiển thị, vì chúng vẫn chiếm không gian trong bố cục. Trong hoạt ảnh ẩn phần tử, phần tử được coi là hiển thị cho đến khi kết thúc hoạt ảnh. Trong quá trình hoạt ảnh để hiển thị phần tử, phần tử là được coi là hiển thị khi bắt đầu hoạt ảnh.

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

---

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

Đó dòng mã sẽ trở lại tất cả các phần tử con của #list-team-single-container có thể nhìn thấy.

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

Đó dòng mã sẽ trở lại số phần tử con của #list-team-single-container có thể nhìn thấy.

Answer 3

Thật khó để được cụ thể mà không thấy đánh dấu của bạn, nhưng tôi muốn tưởng tượng làm một cái gì đó như thế này:

var isVisible = 0; 

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

if (isVisible == 0) 
    // do something