JQuery / JavaScript , dynamically storing / applying functions

Question

I currently have a piece of code as follow:.

var nextSibling = $(this.parentNode).next();

what I would like to do is potentially change the next() function to prev(), depending on the keypress. (I expect this to be an input element in a table).

How do I put the next() / prev() functions into variables (I am guessing you access it through some prototype object, but I am not sure which one).

if (keypressRight){ 
    var nexOrPrev =  SomeObject.prototype.next
}else{
    var nextOrPrev =  SomeObject.prototype.prev
}

Then to call it , I assume I would do the following :

 var nextSibling = $(this.parentNode).nextOrPrev()

Does that look like the correct way of doing things? I am open to suggestions of better ways. (I saw somewhere else suggesting using apply for the function call, but I don't currently see any benefit in using this).

Rory McCrossan · Accepted Answer · 2014-12-10 16:14:03Z

3

You can use bracket notation to call function on a jQuery object. Try this:

var funcName = keypressRight ? 'next' : 'prev';
var nextSibling = $(this.parentNode)[funcName]();

answered Dec 10, 2014 at 16:14

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

Comments

Fabrizio Calderan · Accepted Answer · 2014-12-10 16:22:16Z

1

you may write

var nextOrPrev =  SomeObject.prototype[keypressRight?"next":"prev"];

using the ternary operator

and this can be done also for

$(this.parentNode)[keypressRight?"next":"prev"]();

edited Dec 10, 2014 at 16:22

answered Dec 10, 2014 at 16:14

Fabrizio Calderan

124k26 gold badges171 silver badges183 bronze badges

Collectives™ on Stack Overflow

JQuery / JavaScript , dynamically storing / applying functions

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