jquery - 直接从变量名调用 jQuery 函数

Question

这个问题已经有答案了:

call variable jQuery function (1 个回答)

已关闭 7 年前。

也许我想做的事情是不可能的，我只是希望。如果没有，也没有问题，我会写一个类。我只是想避免这种情况。

当然，我尝试在网上寻找答案。我在 SO 和 jQuery 论坛上找到了一些东西。喜欢this ，或this ，或this .

但是我想以不同的方式做到这一点:

我想直接调用它，并且我不想使用eval!

我想做这样的事情

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

$(taget).method(className);

我得到这个:

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

那么有没有办法做到这一点？

Answer 1

由于jQuery(以及$变量)引用一个对象，您可以使用括号表示法，如下所示:

$(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>