如何通过变量将类名传递给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"):