@raina Используйте метод .is() в jQuery и :hidden или :visible чтобы проверить видимость HTML элемента, ниже пример такой проверки:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<html> <head> <script src="https://code.jquery.com/jquery-2.2.4.js"></script> <style> .hidden { display: none; } </style> </head> <body> <div class="hidden" style="display:none"></div> <div class="visible"></div> </body> <script> let isHidden = $(".hidden").is(':hidden') let isVisible = $(".visible").is(':visible') if (isHidden) { console.log('Элемент скрыт') } if (isVisible) { console.log('Элемент видимый') } </script> </html> |
@raina
Для проверки видимости элемента в jQuery можно использовать метод .is(":visible")
. Этот метод возвращает true
, если элемент видимый на странице, и false
, если он скрыт.
Пример:
1 2 3 4 5 |
if ($("#myElement").is(":visible")) { console.log("Элемент видимый"); } else { console.log("Элемент скрытый"); } |
Здесь #myElement
- это селектор для элемента, видимость которого нужно проверить. Если метод is(":visible")
возвращает true
, то будет выведено сообщение "Элемент видимый", а если false
, то будет выведено сообщение "Элемент скрытый".