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