jQuery .each получить .attr детей

Question

Итак, у меня есть следующий div <div id="selected"></div>. Я добавляю элементы <div class="item" id="someID">blah</div> в #selected. В какой-то момент я запускаю следующее:

var ids = []; 
$('#selected').each(function(){ 
    ids.push($(this).attr('id')); 
}); 

но ничего не получаю. Единственная команда, которая там работает, - $(this).html(). Ничто другое не работает. Почему это??

Answer 1

Вы хотите

var ids = []; 
$('#selected div').each(function(){ //descendent selector added 
    ids.push($(this).attr('id')); 
}); 

Ваш код не работает, потому что $ («# выбрано») только возвращая вам один узел, так как существует только один узел с этим идентификатором (как и должно быть, идентификаторы должны быть уникальными)

Answer 2

ID уникален, поэтому не используйте .each() с ним

вы хотите получить детей элемента с идентификатором selected поэтому используйте $('#selected').children()

Попробуйте .map()

var ids = $('#selected').children().map(function(){ 
    return this.id; 
}).get(); 

fiddle Demo