Как передать имя класса в функцию jquery через переменную

Question

У меня есть две переменные m и b, имеющие class имена,

m='box1'
b='box2'

Я хочу присвоить значения m и n функции jquery, чтобы онабудет работать

я хочу, чтобы это было как $ ('. box1') и $ ('. box2')

Я сделал приведенный ниже код, но выдает ошибку

Какой правильный синтаксис для его ввода?

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

Answer 1

Вам нужно объединить так:

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

Вы также можете использовать литералы шаблона ES6:

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

Answer 2

Вам следует объединить переменную следующим образом:

$('.'+m)

Если вы хотите использовать оба сразу:

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

Или если вы хотите добавить позже:

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

Answer 3

Попробуйте объединить символ класса и переменную следующим образом:

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

Answer 4

Вы можете напрямую передать переменную внутрь $().

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

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

Если хотите добавить.отдельно, вы можете объединить его внутри $()

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

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