jQuery Selector用于id为的可见元素

Question

在jQuery中获取具有部分属性匹配的元素非常简单。例如

section[id^="sect_"]

将获得带有id的所有元素，其形式为sect_xxxx。但是，我需要更进一步并获取 - 这是在jQuery Mobile应用程序中 - 当前可见的部分并带有该表单的id。我尝试过以各种方式组合：visible修饰符但是画了一个空白。我会感谢能够提出正确格式的任何人。

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 ..也可以使用过滤器..

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

Answer 3

另一个解决方案是查看它是否未被隐藏：

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

例如，请参阅此fiddle。