jquery - jQuery Fluid CSS 浮动 DIV 行遍历

Question

假设我有一个容器 div，其中是类“图标”的 div 容器

例如

<div class="icons clearfix">
    <div class="icon">...</div>
    <div class="icon">...</div>
    <div class="icon">...</div>
    <div class="icon">...</div>
    <div class="icon">...</div>
    etc...
</div>

图标的宽度为 100%，位于流体宽度容器中。'icon' 容器具有 100px 的固定值（出于示例目的，尽管它可能是其他东西）。

给定一个代表 div.icon 元素的元素，在考虑浏览器或容器大小调整时，我们如何确定该元素当前在哪一行中的位置？第一行的第一项？第五行第二项？？

Answer 1

如果您可以假设.icon类的高度是固定的，那么您可以这样确定：

• 通过查看 div 来确定 div 的位置.position()
• .top通过将位置值除以.icondiv 高度来确定它的行。
• 向后遍历（计数时），直到到达一个position().left为 0 的 DIV。
• 喝咖啡放松一下

这是一个工作小提琴：http: //jsfiddle.net/vK3an/