jQuery에서 div 내 div 찾기

Question

내 fiddle은 내 컴퓨터에서와 같이 작동하지 않습니다. 실제로 요소를 드래그 할 수 있습니다. 그럼에도 불구하고, 내가 습득하려고 시도하는 것을 시각적으로 일할 수 있습니다.

이미 끌어 풀 아래 divs에 units 드롭하지만 자신의 위치를 ​​저장할 수 할 수 있습니다. 구체적으로는 : 나는 units의 위치에 PHP 파일을 다시 아약스 요청을 보내려면, 그것은으로 끌어 된 container 그래서 내가 페이지를 다시로드 때문에 데이터베이스에있는 그것을 내 categories 테이블을 저장할 수 있습니다 units을 categories으로로드합니다. 여기서는 containers이라고 말합니다.

난 그냥 내가 원하는 데이터를 얻을하는 방법을 모르겠어요. 여기에 내가 지금은 containers 동적 그래서 어떻게 든 그 각각에 대한 units를 보유 할 배열을해야합니다 만드는 오전

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

Answer 1

글쎄,이 FIDDLE으로 코드를 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); 

가 작동하는 것 같다.