以jQuery为中心的div

我有一段jQuery代码，它将一个div放在其父对象的中心

$(document).ready(function(){
    function move_div(){
        parent_width = $('.holder').parent().width();
        parent_height = $('.holder').parent().height();

        obj_width = $('.holder').width();
        obj_height = $('.holder').height();

        $('.holder').css('top', (parent_height / 2) - (obj_height / 2)).css('left', (parent_width / 2) - (obj_width / 2));
    }
        move_div();

    $(window).resize(function(){
        move_div();
    });
});

我想在多个div上使用它，但不能，因为代码只获取类为'holder'的第一个div的高度+宽度。。。谁能帮我解决这个问题

使用循环逐个遍历所有元素

$（此）

指的是类为

的当前元素holder

$(document).ready(function () {
    function move_div() {
        $('.holder').each(function () {
            parent_width = $(this).parent().width();
            parent_height = $(this).parent().height();

            obj_width = $(this).width();
            obj_height = $(this).height();
            $(this).css('top', (parent_height / 2) - (obj_height / 2)).css('left', (parent_width / 2) - (obj_width / 2));
        });
    }
    move_div();
    $(window).resize(function () {
        move_div();
    });
});

---

循环可能会有所帮助。它们都被称为

.holder

？使用

$（'.holder'）。each（）