Home/ Questions/Q 6100997
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T13:27:00+00:00

Lets say I have a container div, inside of which are div containers of

  • 0

Lets say I have a container div, inside of which are div containers of class ‘icon’

e.g.

<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>

The width of icons is 100% and sits in a fluid width container. ‘icon’ containers have a fixed with of 100px ( for purposes of example, though it could be something else).

Given an element representing a div.icon element, how do we determine what position in which row the element is currently in while accounting for browser or container resizing? The first item in the first row? The second item in the fifth row??

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you can assume that the height of .icon classes is fixed then you can determine it like that:

    • Determine the position of the div by looking in its .position()
    • Determine it’s row by dividing the .top position value with the .icon div height.
    • traverse backwards (while counting) until you reach a DIV whose position().left is 0.
    • Drink coffee and relax

    Here’s a working fiddle: http://jsfiddle.net/vK3an/

    • 0