С помощью jQuery легко выбрать все div
'ы внутри данного:
jQuery( '#stroka > div');
Это выбирет все <div>
внутри элемента с id=stroka
. С угловой скобкой ">
" выберутся только те div
'ы, что лежат "в корне" div#stroka
. Те что дальше внутри-внутри не выберутся. Если и они нужны - тогда без знака "больше":
jQuery( '#stroka div');
Затем нужно пробежаться по ним с помощью each()
, а они идут в порядке, как в документе:
jQuery( '#stroka > div').each( function(index, element){ // ... } );
В each()
надо положить функцию, которая получит на вход по очереди каждый из найденных элементов. Передается два параметра: index
– 0,1,2 .. N
(порядковый номер очередного элемента, и element
— сам элемент. В нашем случае очередной внутренний <div>
.
Теперь осталось из каждого получить значение атрибута "id
". В jQuery для этого есть метод .attr()
. Напр., чтобы получить значение атрибута "id": $( element).attr( "id")
. Итого, всё вместе:
$( "#stroka > div").each( function( index, element) {
console.log( "id:", $( element).attr( "id"));
});
Пример с исправленным вашим html на jsfiddle