如何通过变量将classname传递给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)

或者，如果你想稍后add：

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

Answer 3

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

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

Answer 4

你需要像这样连接：

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

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

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