JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
<div class="box">1</div>
<div class="box">2</div>
<div class="box">3</div>
<div class="box">4</div>
<div class="box">5</div>
<div class="box">6</div>
</div>

CSS

.box {
    width: 100px;
    height: 100px;
    margin: 10px;
    background: green;
    border: 1px solid black;
    float: left;

}

#wrapper {
    position: relative;
}

JavaScript

$(function() {
    $('#wrapper div').each( function( index, item ) {
            alert( $(this).position().left );
    });
});