使用 jQuery 根据 div 高度动态更新上边距

Question

I'm trying to dynamically change the top margin size as the height of another div changes. The script below works but it's using the height of the body as it changes. How do I update the script to target the height of a specific div?

updateDivsMargins();
$(window).resize(updateDivsMargins);

function updateDivsMargins() {
    $('div.mobile-menu').each(function () {
        $(this).css({
            'margin-top': ($(this).height()),
        });
    });
}

Answer 1

 $(document).ready(function() {
    updateDivsMargins();
    $(window).resize(updateDivsMargins);

    function updateDivsMargins() {
        $('div.mobile-menu').each(function () {
            $(this).css({
                'margin-top': ($('#specificDiv').height()),
            });
        });
    }
});

The function will iterates through all divs with the class name "mobile-menu" and sets the 'margin-top' CSS property to the height of the div with the id "specificDiv"