🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

getSizeChilds is a small yet sometimes might useful jQuery plugin which can be used to get the size (height & width) of child elements inside a given container.


Documentation

getSizeChilds

jQuery plugin, return width and height childs. Use to calculate the size of the container in which to place a childs

example use http://codepen.io/wanes101/pen/zKqbyV?editors=1111

<div class='main'>   <div id='1'>here</div>   <div id='2'>here1</div>   <div id= '3'>here2</div> </div> <div id='logs'></div>
$().ready(function(){   var childs = $('.main').children();   childs.click(function(){     console.log('click');   });   var size = $('.main').getSizeChilds();   $('#logs').text('width:' + size.width +'; height:' + size.height); });

You May Also Like