jquery - 次のようなIDを持つ表示要素のjQueryセレクター

Question

jQueryで部分的に属性が一致する要素を取得するのは非常に簡単です。例えば

section[id^="sect_"]

sect_xxxxの形式のIDを持つすべての要素を取得します。ただし、さらに一歩進んでフェッチする必要があります-これはjQuery Mobileアプリケーションにあります-現在表示されており、そのフォームのIDを持つセクションです。：visible修飾子をさまざまな方法で組み合わせてみましたが、空白を描画しました。正しいフォーマットを提案してくれた人に感謝します。

Answer 1

これを試して

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

実際、このfilterメソッドを使用すると、現在のDOM選択にセレクターを設定できます。jQueryフィルターを参照してください

Answer 2

これを試して

要素が表示されているかどうかを確認するには、 is()

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

表示されているすべての要素を取得するには、:visibleフィルターを使用することもできます。

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

Answer 3

別の解決策は、それが隠されていないかどうかを確認することです：

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

たとえば、このフィドルを参照してください。