Question

I have written this jquery code :

    <script type="text/javascript">
    $(document).ready(function () {
        var university = { title: 0, href: 1, link: 2 };
        var universities = [];
        $(".aname").each(function (key, value) {
            university.href = value.all[0].href;
            university.title = value.all[0].innerHTML;
            university.link = value.parentNode.all[2].all[0];
            universities[key] = university;                
        });
       debugger; // now if you watch universities this only last item.
    });
</script>

It should save all university objects in to array of universities it works but it replace only the last item in to all items after $.each I don’t know why?

Answer 1

How about:

var universities = $( '.aname' ).map(function () {
    return {
        href: this.all[0].href,
        title: this.all[0].innerHTML,
        link: this.parentNode.all[2].all[0]       
    };
}).get();

However, I don’t think the all collection is cross-browser. In that case, consider replacing it by jQuery’s traversing methods, or native ones. For instance, if all[0] selects the first child (does it?), then you can write this.children[0] or $( this ).children( ':first' ).