Javascript 在jQuery中查找div中的div

我的与本地机器上的工作方式不同。我实际上可以拖动元素。然而，它可以作为我试图实现的目标的一种视觉效果

我已经可以将

单元

拖放到池下的

div

，但我希望能够保存它们的位置。更具体地说：我想将一个ajax请求发送回一个php文件，其中包含

单元的位置，
容器
被拖入其中，这样我可以将其保存在数据库中我的
类别
表中，这样当页面被加载回时，它将加载它们所尊重的
类别
中的
单元
，我称之为
容器

我只是不知道如何获得我想要的数据。下面是我正在尝试的一个粗略的伪代码



现在，我正在动态创建
容器
，因此我必须以某种方式拥有一个数组来保存每个容器的
单元。基本上，我必须找出有多少个
容器
，这样我就可以得到一些要创建的数组和要循环的
容器的数量。如果有人对如何做到这一点提出建议，我将不胜感激，然而，这并不是本文的目的。我在这篇文章中的目标是了解
单元
在
容器
中是什么。好了，有了这个，我将您的代码简化为html

然后我编写了一个小脚本，它遍历所有标签，对它们进行计数，并将它们的html内容放入一个数组中

然后将标签数和数组打印成两个测试div

以下是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);

似乎有效。
您的小提琴没有包含可拖动的jQuery UI
您的包含顺序（外部资源）是错误的，我在您的小提琴中更改了它们。首先是jquery，然后是jquery ui。。。
var counter = 0;
var contentarray = new Array();
$('label').each(function(index){
    contentarray[counter] = $(this).html();
    counter = counter +1;
});

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