javascript - 将 div 项存储在数组中

Question

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

我想使用“类”（我知道 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（它不应该变成单例）。

我尝试了很多东西，atm 我找不到变量项目。

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');
    */



}

我怎样才能实现我想要的？