帶有id的可見元素的jQuery選擇器like

Question

在jQuery中獲取具有部分屬性匹配的元素非常容易。例如

section[id^="sect_"] 

會得到所有具有帶有sect_xxxx形式的ID的元素。但是，我需要更進一步並獲取 - 這是在jQuery Mobile應用程序中 - 當前可見的部分，並帶有該表單的ID。我嘗試過以各種方式組合可見修飾符，但是畫了一個空白。我會感謝任何能提出正確格式的人。

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例如。