jQuery / CSS - Как выбрать все отображения li в документе?

Question

jQuery / CSS - Как выбрать все <li style="display: none;"> в документе?

Answer 1

Хотя выбранный ответ работает в вашем случае, он все равно не отвечает на вопрос.То же самое для ответов других людей, поэтому я решил написать это в любом случае.

$('li[style*="display: none"]')

Это вернет объект jQuery, представляющий список всех элементов <li> в вашем документе со свойством стиля, содержащим"display: none".

Это совсем другое, что поиск всех скрытых элементов в документе.

Answer 2

Существует селектор для поиска скрытых элементов:

$('li:hidden')

Обратите внимание, что он находит все li элементы, которые не видны, не только потому, что к ним применен стиль display:none.Элемент можно скрыть, например, установив их высоту на ноль или скрыв родительский элемент.

Answer 3

$('li:hidden') - Попробуйте в соответствии с документом jquery, он будет работать

Fore more dtail - : скрытый селектор

Answer 4

Я бы сказал:

$("li").not(":visible")

или

$("li:hidden")

, затем сделайте все в строке или используйте .each(), чтобы пройти через все.

Answer 5

Попробуйте это

$("li").filter(function() { return $(this).css("display") == "none" })

Answer 6

Начиная с jQuery 1.3.2, элемент виден, если его сообщенное браузером offsetWidth или offsetHeight больше 0. Что означает это изменение? Это означает, что если CSS-элемент вашего элемента имеет значение «none» или любой из элементов отображения родительского / родительского элемента имеет значение «none», или если ширина элемента равна 0, а высота элемента равна 0, тогда элемент будет сообщаться как скрытый. Смотрите здесь: http://blog.jquery.com/2009/02/20/jquery-1-3-2-released/

Пример:

Это означает, что элемент li распознается как скрытый, только если у вас есть родительский элемент, у которого display: none style:

$("li:hidden")