Определите, является ли коллекция элементов видимой, используя JQuery, например, $ (". SomeClass")

Question

У меня есть коллекция элементов на моей странице, и я хочу посмотреть, являются ли они видимыми или нет.

Итак:

$(".someClass")

Как я могу пройтись и выяснить это? потому что, если он виден, мне нужно запустить другую функцию.

Answer 1

$(".someClass").each(function(){
  if($(this).is(":visible")){
    //item is visible: do something
   }
});

как насчет этого?

Answer 2

$(".someClass:visible")

вернет видимые.

Answer 3

Все решения с точки зрения $('.someClass').is(':visible') ненадежны. Все, что он говорит нам, это если у определенного элемента есть стиль display:none или visibility:hidden. Это не так же, как то, видим ли элемент!

Рассмотрим ситуацию, подобную этой:

<div style="display:none;"><div class="someClass"></div></div>

Каждый может видеть, что элемент, обозначенный $('.someClass'), невидим. Но $('.someClass').is(':visible') вернет true!

Единственным водонепроницаемым решением является проверка не только is(':visible') на $('.someClass'), но и на всех его родительских элементах. Только если для ни один из родителей не считает, что is(':visible') === false, мы можем заключить, что $('.someClass') действительно видим.

Answer 4

Что вы могли бы сделать:

$(".someClass").each(function(x) { if ( x.style.display != "none" && x.style.visibility != "hidden" ) { your_function(); } });

где your_function() - название вашей функции.