如何使用jQuery在页面上可见的活动区域中找到元素

Question

如何确定Div的可见区域中的元素？

Main Div内有2个Div。包装器DIV包含许多带有溢流属性的儿童div。在滚动文档div时，我需要找出可见的孩子们在包装纸中div。

以下是HTML结构

<div class="main">
 <div class="wrapper">
  <div class="comment"></div>      
  <div class="comment"></div>
  <div class="comment"></div>
  <div class="comment"></div>
  <div class="comment"></div>
  </div>
<div class="document"></div>
</div>
  Is there any possibility for finding the number of visible div in the window?

Answer 1

尝试以下：

 $('wrapperdivselector').find("div:visible");

长度：

 $('wrapperdivselector').find("div:visible").length;

demo

Answer 2

使用：可见尝试this

$('.orginalDiv1>.waprrer div:visible').someCommand()

或

$('.orginalDiv1>.waprrer').find('div:visible').lenght()