Defining an action object

by colbycallahan

HTML

<div id="pretendBox"></div>

JavaScript

var myOptions,    
    myObj;

myObj = (function(myObj){
    myObj.myFunc = function(msg){
        alert(msg);
    };
    
    return myObj;
}(myObj || {}));

myOptions = [
    {        
        action: myObj.myFunc
    }
];

$.each(myOptions, function(index, value){
    $('#pretendBox').append('<div data-action="'+index+'" class="anOption">An Option</div>');
});

$(document).on('click', '.anOption', function(){
    myOptions[Number($(this).attr('data-action'), 10)].action('hi');
});