jQuery : loop through nested objects

Question

I would like to loop trough nested objects. here is my code :

var defaults = {
    toolTips: {
        printVersion: {
            toolTip1: {
                link_s: '#mm_tooltip1_link',
                tooltip_s: '#mm_tooltip1'
            },
            toolTip2: {
                link_s: '#mm_tooltip2_link',
                tooltip_s: '#mm_tooltip2'
            },
            toolTip3: {
                link_s: '#mm_tooltip3_link',
                tooltip_s: '#mm_tooltip3'
            }
        }
    }
};

var settings;
var $archives_dialog;

$.madmagz = function(options) {
    settings = $.extend({}, defaults, options);
    init();
};

function init(){
    initToolTips();
}

function initToolTips() {
    $(settings.toolTips).each ( function (i, tooltip_group) {
        $(tooltip_group).each (function (i, tooltip) {
            // do stuff
        });
    });
}

In every each loop, I get the same object. How can I go down in every nested objects ?

jAndy · Accepted Answer · 2010-09-10 09:52:15Z

5

You need the $.each() helper method to loop over objects.

function initToolTips() {
    $.each(defaults.toolTips, function(i, tooltip_group) {
        $.each(tooltip_group, function(i2, tooltip) {
            alert(i2);
        });
    });
}

Ref.: jQuery.each()

answered Sep 10, 2010 at 9:52

jAndy

237k57 gold badges313 silver badges363 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nevin · Accepted Answer · 2010-09-10 09:50:34Z

-1

Use .children()

http://api.jquery.com/children/

answered Sep 10, 2010 at 9:50

Nevin

7,8391 gold badge25 silver badges25 bronze badges

Collectives™ on Stack Overflow

jQuery : loop through nested objects

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related