jQuery Селектор для видимого элемента с идентификатором

Question

Получение элементов с частичным атрибутом атрибута в jQuery довольно просто. Например,

section[id^="sect_"] 

получит все элементы с идентификаторами, имеющими форму sect_xxxx. Тем не менее, мне нужно сделать еще один шаг и выполнить выборку - это приложение jQuery Mobile - раздел, который в настоящее время виден и имеет идентификатор с этой формой. Я попытался объединить видимый модификатор различными способами, но нарисовал пробел. Я был бы благодарен всем, кто мог бы предложить правильный формат.

Answer 1

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

$('section[id^="sect_"]').filter(':visible'); 

Фактически метод filter позволяет установить селектор в текущем выборе DOM. См jQuery filter

Answer 2

попробовать это

, чтобы проверить, если элемент является видимым использование is()

$('section[id^="sect_"]').is(':visible'){ //to check if it is visible.. 
     //your stuff if visible 
    } 

, чтобы получить все элементы, которые видны вы можете использовать :visible ..can использовать фильтр тоже ..

$('section[id^="sect_"]:visible') 

Answer 3

Другим решением является, чтобы увидеть, если она не скрыта:

$('section[id^="sect_"]').not(':hidden').hide(); 

Посмотреть на этом fiddle, например.