Call jQuery function from variable name directly [duplicate]

Question

Maybe it is not possible what I want to do, I just hoping. If not, there is no problem and I will write a class. I just want to avoid that.

Of course, I tried to search for answers on net. I found something here on SO and on jQuery forum. Like this, or this, or this.

But what I want to do this in a different way:

I want to call it directly, and I do not want to use eval!

What I thought to do something like this

var target = '#id';
var method = 'removeClass';
var className = 'classToShow';

$(taget).method(className);

I am getting this:

TypeError: $(...).method is not a function
[Learn More]

So is there a way to do this?

Side note: never use reserved keywords like class

Satpal
– Satpal

2016-07-26 12:38:39 +00:00
Commented Jul 26, 2016 at 12:38 — Satpal
– Satpal, Commented Jul 26, 2016 at 12:38

Rory McCrossan · Accepted Answer · 2016-07-26 12:36:19Z

6

As jQuery (and therefore the $ variable) refer to an object, you can use bracket notation, like this:

$(target)[method](className);

var target = '#id';
var method = 'removeClass';
var className = 'classToShow';
$(target)[method](className);

.classToShow {
  color: red; /* this colour will be removed */
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="id" class="classToShow">Foo bar</div>

answered Jul 26, 2016 at 12:36

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

Comments

eisbehr · Accepted Answer · 2016-07-26 12:36:45Z

0

You did it correct in general. But your variable is not named $id, it is target. And class is a registered name in javascript, so you can't use it.

The method can be select as a property of $().

var target = '#id';
var method ='removeClass';
var myClass = 'classToShow';

$(target)[method](myClass);

answered Jul 26, 2016 at 12:36

eisbehr

12.5k8 gold badges42 silver badges65 bronze badges

1 Comment

vaso123 Over a year ago

You are right, I am not wrote it and test it, just type here. I will fix it.

Collectives™ on Stack Overflow

Call jQuery function from variable name directly [duplicate]

2 Answers 2

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Linked

Related