How to iterate over a div enyos component?

Question

enyo.kind({
    name: "Usr",
    kind: enyo.Control,

    published: {
        username: "",
        ToDo: [],
        Done:[]
    },

    components: [
        {tag:"title",name:"username"},
        {tag:"input", name:"desc", placeholder: "to do..", 
            style:"width:500px; static: left; padding-right: 10px"}, 
        {tag: "button", content: "New Task", ontap: "addTask", 
            style:"float: right; padding-left: 10px; 
            background-color:orange; color:white" },
        {tag: "div", name: "ToDo" }
    ],

    addTask: function(inSource, inEvent) {
        this.createComponent({
            kind: Task,
            container: this.$.ToDo,
            text: this.$.desc.hasNode().value,
            state: "To do"
        });
        this.$.ToDo.render();
    }
})

So, this is what i have. As you can see, I create new elements (Task kind is defined in other js file, doesn´t really matters) using (addTask) and putting them inside the ToDo "div" component. How can I iterate over those elements? something like a 'for each' sentence or so, maybe is there a $'div'.length property or something? I haven´t found an answer in any official documentation.