jQuery: execute method from string

Question

Is there a way to call methods by their name in jQuery? For example:

var condition = true;
$('div').execute(condition ? 'show':'hide');

What is it you are trying to do? It may be that there is a better solution not involving dictionary based access of methods. — Spycho
– Spycho, Commented Jul 6, 2011 at 11:40

pimvdb · Accepted Answer · 2011-07-06 11:57:45Z

4

Yes, use the []notation to access properties of the jQuery object (rather than literal ones using .):

$('div')[condition ? 'show' : 'hide']();

You can also do:

$('div').toggle(condition);

Edit: Just in case you prefer your own style of coding, you could add this:

$.fn.execute = function(a) {
    return this[a].apply(this, [].slice.call(arguments, 1));
}

Then you can do like:

$('div').execute(condition ? 'show' : 'hide');

or

$('div').execute(condition ? 'keydown' : 'keyup', function() {...});

answered Jul 6, 2011 at 11:33

pimvdb

155k80 gold badges313 silver badges357 bronze badges

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

1 Comment

@Dziamid: I use .toggle mostly, because it's clearer to read.

fulmicoton · Accepted Answer · 2011-07-06 11:34:45Z

2

Javascript objects are basically dictionaries.

var condition = true;
$('div')[condition ? 'show':'hide']();

answered Jul 6, 2011 at 11:34

fulmicoton

16.1k10 gold badges56 silver badges74 bronze badges