3

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

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

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

2 ответа 2

13

У 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')) {
   ...
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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