Chaining unknown functions/methods in jquery

Question

Assuming I have a jquery collection or a variable representing a jquery collection and I want to chain a jquery method to an item of the collection. For example:

$('#container').fadeIn();

So far no problem. But what if I don't know the name of the method to chain yet at the time the script is loaded because the method name is the value of an item in a configuration object?

I hope it's clear what I mean. Thank's in advance.

The bracket notation is the answer I was looking for. Thank you very much :-) — Flyer53
– Flyer53, Commented Apr 18, 2014 at 5:58

mshsayem · Accepted Answer · 2014-04-18 05:28:44Z

2

Use Bracket Notation:

var dynamicMethodName = "fadeIn"; // from configuration
$('#container')[dynamicMethodName]();

answered Apr 18, 2014 at 5:28

mshsayem

18.1k11 gold badges65 silver badges73 bronze badges

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

Comments

Amit Joki · Accepted Answer · 2014-04-18 05:28:36Z

0

You can always use bracket notation:

$('#container')["fadeIn"]();

So, store the function name in a variable and then use it.

var funcName = "fadeIn";
$('#container')[funcName]();

answered Apr 18, 2014 at 5:28

Amit Joki

59.4k7 gold badges80 silver badges96 bronze badges

Collectives™ on Stack Overflow

Chaining unknown functions/methods in jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related