Passing a jquery method as a parameter into a function?

Question

Is it possible to pass a jQuery method as a parameter into a function , for example:

function set_action(a,b)
{
  $(a).b;
}

$(function(){
    $('#div_id1').click(function(){
        set_action('#div_id2','hide()');
    });
});

?

eval the code if you want to do it that way eval("$('"+a+"')."+b); — Tim Withers
– Tim Withers, Commented Dec 29, 2011 at 19:08
Don't use eval()!!! Stay away from eval(). Its extremely inefficient!!! — John Hartsock
– John Hartsock, Commented Dec 29, 2011 at 19:10

Felix Kling · Accepted Answer · 2011-12-29 19:08:05Z

6

You can access any property of an object with a string using bracket notation:

var foo = {
   bar: 5
};

console.log(foo['bar']);

So you could do:

function set_action(a,b) {
  $(a)[b]();
}

set_action('#div_id2','hide');

Note that this will throw an error if the object does not have a callable property with that name.

answered Dec 29, 2011 at 19:08

Felix Kling

820k181 gold badges1.1k silver badges1.2k bronze badges

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

1 Comment

gen_Eric Over a year ago

You can check to see if the object has a callable property using $.fn.hasOwnProperty(b) (when checking jQuery objects, use $.fn), or typeof $(a)[b] === 'function' or b in $(a).

animuson · Accepted Answer · 2011-12-29 19:44:37Z

0

function set_action(a,b) {
   $(a)[b]();
}


$('#hello').click(function(){
  set_action('#bye','hide');
});

See it working.

edited Dec 29, 2011 at 19:44

animuson♦

54.9k28 gold badges142 silver badges150 bronze badges

answered Dec 29, 2011 at 19:23

mhps

1665 bronze badges

Collectives™ on Stack Overflow

Passing a jquery method as a parameter into a function?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related