如何通过变量将类名传递给 jquery 函数

Question

我有两个变量m和b具有class名，

m='box1'
b='box2'

我想将m和n的值分配给 jquery 函数，以便它可以工作

我希望它像 $('.box1') 和 $('.box2')

我已经完成了下面的代码，但给了我错误

输入它的正确语法是什么？

$('.+m+').toggleClass('flip');
$('.+b+').toggleClass('flip');

Answer 1

您可以直接在$()传递变量。

var m = '.box1';
var b = '.box2';

$(m).toggleClass('flip');
$(b).toggleClass('flip');

如果要添加 . 单独，您可以将它连接到$()

var m = 'box1';
var b = 'box2';

$('.'+m).toggleClass('flip');
$('.'+b).toggleClass('flip');

Answer 2

您应该连接变量，如：

$('.'+m)

如果您想同时使用两者：

$('.'+m+', .'+n)

或者，如果您想稍后添加：

var m = $('.'+m);
m.add('.'+n);

Answer 3

尝试按以下方式连接类符号和变量：

$('.' + m + ', .' + b).toggleClass('flip');

Answer 4

您需要像这样连接：

$("." + m + ", ." + b).toggleClass("flip");

您还可以使用 ES6 模板文字：

$(`.${m}, .${b}`).toggleClass("flip"):