Difference b/w $(this).closest('div') is same as $(this).parents('div').eq(0)

by Imran Kabir

HTML

<div class="outer">
    <div class="inner">div content</div>
</div>

CSS

div{
    background: gray;
    border-radius: 10px;
    padding: 10px;
}

JavaScript

$(function(){
    $('div').on('click', function(evt){
        first_parent_div = $(this).parents('div').eq(0);
        closest_div = $(this).closest('div');
        console.log(first_parent_div, closest_div);
        evt.stopPropagation();
    });
});