3

jQuery позволяет изменять видимость элементов с помощью таких функций как .hide(), .show() или .toggle().

Как проверить, видим элемент или нет, с помощью jQuery?

(вопрос переведён с английского; ссылка на оригинал: Testing if something is hidden)

2 ответа 2

12

У jQuery есть псевдо-селекторы :visible и :hidden. Следовательно:

if ($element.is(':visible')) {
    // $element виден
}

if ($element.is(':hidden')) {
    // $element не виден
}

Однако, нужно учитывать, что в большинстве случаев данные селекторы проверяют наличие или отсутствие CSS стиля display: none. Элементы со стилями visibility: hidden или opacity: 0 все равно будут считаться видимыми, поскольку визуально занимают место в теле документа.

1
  • 1
    Ответ не работает если проверяются все элементы, в т.ч. и во вкладках. Например у нас есть 7 таблиц, раскиданных по "nav-tabs", и проверить нужно все строки, то методом $element.is(':visible') выберутся только те, которые видны на открытой вкладке. Лучше проверять через атрибуты: $(element).css('display') === 'none'
    – Антон
    14 фев 2020 в 12:46
4
if ($(elem).is(':hidden')) {
   ...
}

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.