Как проверить display элемента через jquery?
2 ответа
от
dmitrypro77 ,
2 года назад
@greyson Используйте метод .css() в jQuery чтобы проверить display HTML элемента, ниже небольшой пример:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<html> <head> <meta charset="utf-8"/> <script src="https://code.jquery.com/jquery-2.2.4.js"></script> </head> <body> <p class="text" style="display: block">Тестовый элемент</p> </body> <script> if ($(".text").css('display') === 'block') { // сделать что то } </script> </html> |
Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.
от
kaleigh ,
6 месяцев назад
@greyson
Для того, чтобы проверить, отображается ли элемент на странице через jQuery, можно использовать метод .is(":visible"). Этот метод проверяет, видим ли элемент на странице, основываясь на его размерах и позиции.
Например, чтобы проверить, отображается ли элемент с идентификатором "myElement", можно использовать следующий код:
1 2 3 4 5 |
if ($("#myElement").is(":visible")) { console.log("Элемент отображается на странице"); } else { console.log("Элемент скрыт"); } |
Если элемент отображается на странице, то в консоль будет выведено сообщение "Элемент отображается на странице". Если же элемент скрыт, то будет выведено сообщение "Элемент скрыт".
15