JSFiddle - React, Tailwind, and code Playground

HTML

<div class="post-entry">
    <img src="http://placehold.it/100x100"/>
    <img src="http://placehold.it/100x100"/>
</div>

<div class="post-entry">
    <img src="http://placehold.it/100x100"/>
    <img src="http://placehold.it/100x100"/>
</div>
<pre>
</pre>

JavaScript

$(function() {
    var images = $('.post-entry').map(function() {
        return $(this).find('img').map(function() {
            var self = $(this);
            return {
                offset: self.offset(),
                width: self.width(),
                height: self.height()
            };
        }).get();
    }).get();
    $('pre').html(JSON.stringify(images));
});