Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/441.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在数组中存储div项_Javascript_Jquery_Arrays - Fatal编程技术网

Javascript 在数组中存储div项

Javascript 在数组中存储div项,javascript,jquery,arrays,Javascript,Jquery,Arrays,我想做堆栈,每个堆栈都有一个div容器。在那个容器中有很多div,它们是堆栈中的项 我想使用“类”,我知道javascript并没有真正的类 首先,我拿到集装箱,然后从这里经过 var stacks = []; $(document).ready(function(){ $('.stackContainer').each(function(containerIndex) { //stacks[containerIndex] = $(this); $(t

我想做堆栈,每个堆栈都有一个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,不应该变成单例

我试了很多东西,但我找不到可变的东西

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



}

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

当你说你不想成为单身汉时,你能澄清一下你的意思吗?你是想让它引用StackMedia对象吗?假设我有3个堆栈,那么每个堆栈的items[]数组应该包含不同的内容。当我更新一个时,它不会在所有堆栈中更新。换句话说,我必须能够创建更多的实例。希望现在更清楚。你想用这些元素做什么?什么不起作用?一个狗屎,刚刚发现我做错了什么,我有:console.logitems.length;应该是console.logthis.items.length;这花了我很长时间…:我比javascript更擅长java,所以有时会犯一些愚蠢的小错误。