Сопоставьте все комбинации любых классов в jQuery

У меня есть два разделенных запятыми селектора:

.class, .foo, .bar

.lorem, .ipsum, .potato

Я хотел бы иметь возможность выбрать любую возможную комбинацию между этими двумя группами. Таким образом, он будет выбирать элементы, соответствующие

.class.lorem
.class.ipsum
.class.potato
.foo.lorem
.foo.ipsum
.foo.potato
.bar.lorem
.bar.ipsum
.bar.potato

Как я могу добиться этого эффективно?

Ответ 1

Выберите все элементы с любым классом из первого набора, а затем filter из элементов, которые не имеют класса из другого набора:

$('.class, .foo, .bar').filter('.lorem, .ipsum, .potato')