how to loop over the child divs of a div and get the ids of the child divs?

Question

I have a div with id test

and through the foreach loop I am creating some inner divs inside the test div. So it becomes like this.

Answer 1

What you are trying to do is loop through the direct-descendant divs of the #test div; you would do this using the > descendant selector, and the jQuery .each() iterator. You can also use the jQuery .css() and .attr() methods for styling and retrieving the id respectively.

$("#test > div").each(function(index){
    var id = $(this).attr("id");
    $(this).css(/* apply styles */);
});