I was refactoring some code this morning for a plugin I’m writing and ran into a case where I needed to dynamically execute a jQuery method. I had a variable that holds the value of a jQuery function I wanted to execute based on which key code was pressed; prev() for the up arrow, and next() for the down arrow. As it turns out you can do this with array notation.
These two examples accomplish the same thing:
// HTML: <p><a href="">Click me</a></p> // vanilla jQuery $('p').find('a').click(function(e){ alert('hello!'); e.preventDefault(); }); // dynamically calling a method var theMethod = 'find'; $('p')[theMethod]('a')['click'](function(e){ alert('hello!'); e.preventDefault(); });
Good to know.
This entry was posted
on Thursday, December 10th, 2009 at 9:33 AM and is filed under jQuery.
You can follow any responses to this entry through the RSS 2.0 feed.
You can leave a response, or trackback from your own site.
I wish ColdFusion could do that.
[...] Accessing jQuery methods using array syntax var addthis_pub = 'lewayotte'; var addthis_language = 'en';var addthis_options = 'email, favorites, digg, delicious, myspace, google, facebook, reddit, live, more'; [...]