在jQuery中查找div内的div(s)

时间:2014-01-18 20:49:50

标签: javascript jquery draggable

我的 fiddle 无法在本地计算机上运行。我实际上可以拖动元素。然而,它可以作为我试图实现的视觉效果。

我已经可以将units拖放到下面的divs,但我希望能够保存他们的位置。更具体一点:我想将一个ajax请求发送回一个php文件,其中包含units的位置,它被拖入的container所以我可以保存它categories表我在一个数据库中,所以当页面被加载回来时,它会将units加载到他所尊重的categories中,我称之为containers

我只是不知道如何获取我想要的数据。这是我正在尝试的粗略伪代码


var array_for_container1[]; //to hold the units in the first container
var array_for_container2[]; //to do the same
//etc
//loop through each container and get the units inside
//place each unit into the array it needs to be in
//send to php with ajax request

现在我正在动态创建containers所以我必须以某种方式拥有一个数组来保存每个units。基本上我必须找出有多少containers所以我可以创建一些数组以及要循环的containers数。如果有人有关于如何做到这一点的建议我会非常感激,但是,这不是这篇文章的目标。我在这篇文章中的目标是了解units

containers的内容

1 个答案:

答案 0 :(得分:0)

好吧,有了这个FIDDLE,我已经将代码简化为html。

然后我写了一个小脚本,遍历所有标签,计算它们并将它们的html内容放入一个数组中。

然后将标签和数组的数量打印成两个测试分区。

这是js:

var counter = 0;
var contentarray = new Array();
$('label').each(function(index){
    contentarray[counter] = $(this).html();
    counter = counter +1;
});

$('.output1').html(counter);
$('.output2').html(contentarray);

似乎工作。