Question

What am I doing wrong here ???

var menu = {
    menuset : {
        first  : false,
        second : false,
        third  : false
    },
    setMenus   : function (selected) {

        var menuCollection = this.menuset;

        $.each(menuCollection, function (key, element) {
            if (selected===key) {
                key=true;
            } else {
                key=false;
            }
        });
    }
}

When I execute “menu.setMenus(first)” I want it to set the object like this :

    menuset : {
        first  : true,
        second : false,
        third  : false
    }

should I be using something other than $.each() ??

Answer 1

try –

var menu = {
    menuset : {
        'first'  : false,
        'second' : false,
        'third'  : false
    },
    setMenus   : function (selected) {

        var menuCollection = this.menuset;

        $.each(menuCollection, function (key, element) {
            if (selected === key) {
                menuCollection[key] = true;
            } else {
                menuCollection[key] = false;
            }
        });
    }
}

menu.setMenus('first');

Demo – http://jsfiddle.net/nu9v2/