Есть ли способ обнаружить элементы внутри родительского элемента?

Question

Я хотел бы обнаружить, что все элементы содержат родительский элемент и по-прежнему проверяют, имеют ли дочерние элементы дочерние элементы и обнаруживают их.

Для примера:

<div id="first"> 
    <div id='second1'></div> 
    <div id='second2'> 
      <div id='third1'></div> 
      <div id='third2'> 
       <div id='fourth1'></div> 
       <div id='fourth2'></div> 
      </div> 
      <div id='third3'></div> 
    </div> 
    <div id='second3'></div> 
    <div id='second4'></div> 
</div> 

Я хочу знать список всех ид внутри #First и проверить каждый ребенок, если она имеет ребенок и держать это идти, пока я не полный список всех элементов ,

Я хочу, чтобы этот список в массив любопытное в этой модели

array (
"body"=> { 
      "first" => "second1", "second2" ............. 
     } 
); 

Answer 1

Попробуйте это:

$("#first *") 

Вы можете использовать метод детей, чтобы получить дети

$("#first").children() 

Добавить некоторые рекурсии

function recursion (elem, arr) 
{ 
    var id = $(elem).attr('id'); 
    if (id) 
    { 
    var children = arr[ id ] = {}; 
    $(elem).children().each(function(){ recursion(this, children) }); 
    } 
} 

var elements = {}; 
recursion ($("#first"), elements); 
console.log (JSON.stringify(elements)); 

и вы получите

{"first":{"second1":{},"second2":{"third1":{},"third2":{"fourth1":{},"fourth2":{}},"third3":{}},"second3":{},"second4":{}}} 

http://jsbin.com/udaje4/edit

Answer 2

Другой подход:

var childrens = {}; 
$('#first').children().each(function() { 
    id = $(this).attr('id'); 

    if($('#'+id).children().size() > 0) { 
     $('#'+id).children().each(function() { 
      childrens[id] = {} 
      childrens[id][$(this).attr('id')] = {}; 
     }); 
    } else childrens[$(this).attr('id')] = {}; 
}); 

alert(JSON.stringify(childrens));