Dynamically named function call within jQuery chain [duplicate]

Question

I have a similar question to this Stack post; but, would like to call the function in a jquery chain. Here is my pseudo code:

function togglePanels(f) {
  var customchain;
  if (f == 'n') {
    customchain = $.next();
  } else {
    customchain = $.prev();
  }
  let $next_or_prev_panel = $current_panel
    .parents("div")
    .eq("2")
    .customchain("div")
    .find(".panel");
}

I imagine the solution will involve prototyping the jQuery library somehow?

Well, that code wouldn't work, but you could just do customchain = f == 'n' ? "next" : "prev"; .... .eq("2")[customchain]("div").find(".panel");. — Heretic Monkey
– Heretic Monkey, Commented Apr 23, 2020 at 16:26

palaѕн · Accepted Answer · 2020-04-23 16:27:38Z

1

One solution could be to use conditional (ternary) operator with a string to set customchain like:

customchain = f == 'n' ? 'next' : 'prev';

and then use it dynamically like:

let $next_or_prev_panel = $current_panel
    .parents("div")
    .eq("2")[customchain]("div")
    .find(".panel");

answered Apr 23, 2020 at 16:27

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

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

2 Comments

Jim22150 Over a year ago

Thanks, you understood what I am actually trying to do.. no prototyping needed. But out of curiosity, can you point to an example of prototyping a new function within a jQuery object and calling it within a chain?

palaѕн Over a year ago

You can look into How to call a custom function as part of a jQuery function chain

Collectives™ on Stack Overflow

Dynamically named function call within jQuery chain [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related