jQuery code to find smallest div element

jQuery code to find smallest/shortest div element with respect to height of div element. The jQuery code iterates through all the div elements and finds the smallest and then highlight it.

$(document).ready(function() {
    var allDivs = $('div');
    var dvSmallest = allDivs[0];
    $(allDivs).each(function() {
        if ($(this).height() < $(dvSmallest).height()) 
            dvSmallest = $(this);
    });
    $(dvSmallest).css('border', '2px solid red');
});?

See result below

See Complete Code

Feel free to contact me for any help related to jQuery, I will gladly help you.



Responsive Menu
Add more content here...