replace jquery function with var

Question

I try to replace a jquery chaned function with a var but it doesnt work (synthax error)

Triing something like this:

var foo = 'next()';
$(this).+foo+.show();

Is it possible somehow to realize that? foo is a var which changes to 'prev()' in another if condition

Answer 1

Do it like this:

var foo = 'next';
$(this)[foo]().show();

---

By setting only the method name to the variable, you can use the [] notation and use the variable to retrieve the next property of the jQuery object.

This is equivalent to...

$(this)['next']().show();

which is equivalent to...

$(this).next().show();

Answer 2

try this:

var foo = 'next';
$(this)[foo]().show();

Answer 3

You have two options that I see:

var foo = next; // use the OBJECT here, not a string
$(this).foo().show();

OR

var foo = false;
if (foo)
  $(this).next().show()
else
  $(this).prev().show();