将div项存储在数组中

Question

我想制作堆栈，每个堆栈都有一个div容器。在那个容器中有很多div，堆栈的项目。

我想使用＆＃39;类＆＃39; （我知道javascript并不是真的有它们。）

首先，我得到了容器，然后我从那里通过了。

var stacks = [];

$(document).ready(function(){

    $('.stackContainer').each(function(containerIndex) {
        //stacks[containerIndex] = $(this);
        $(this).css('z-index', containerIndex);
        stacks.push(new StackMedia($(this)));
    });

});

现在是困难的部分（对我来说）。 在StackMedia中我想存储项目，这只是一个带有stackItem类的div（并且它不应该变成Singleton）。

我尝试了很多东西，因为我无法找到可变项目。

function StackMedia (container) { //, x, y, overlapX, overlapY
    this.container = container;
    //this.x = x;
    //this.y = y;
    //this.overlapX = overlapX;
    //this.overlapY = overlapY;

    this.items = container.find('.stackItem');
    console.log(items.length);

    //var elems = container.find('.stackItem'); 
    //var $items = jQuery.makeArray(elems);

    /*
    for(var i = 0; i < $items.length; i++) {
        console.log($items[i]);
        $items[i].css('top', i * 10).css('left', i * 10);

    }
    */

    /*
    this.items = [];

    container.find('.stackItem').each(function(itemIndex) {
        //console.log($(this));
        //items = $(this);
        this.items.push("test");
    });
    */

    /*
    items = container.find('.stackItem');
    */



}

我如何实现我想要的目标？