Filtrowanie elementów JQuery, które mają styl CSS: brak

Question

Selektor dostarczył mi zestaw elementów. Poza zbiorem elementów mam 1 lub 2 elementy z wyświetlanym atrybutem CSS: brak. Muszę usunąć te elementy i uzyskać elementy, które mają wyświetlacz. Jak to zrobić za pomocą JQuery?

Answer 1

Można użyć .filter().

var displayed = $('mySelector').filter(function() { 
    var element = $(this); 

    if(element.css('display') == 'none') { 
     element.remove(); 
     return false; 
    } 

    return true; 
}); 

To zwróci wszystkie elementy ze swoimi ów selektor atrybutu display nienonei usunąć tych, którzy są.

Answer 2

Można użyć filter()

var listWithoutDisplayNone = elementList.filter(function(){ 
     if($(this).css('display') != 'none') 
      return $(this); 
}); 

Answer 3

$("selector").is(":visible") 

Można także odfiltrować ukryte elementy w oryginalnym selektora:

$("selector:visible")