Выбор элементов с общим классом, но также с различными классами

Question

У меня есть ряд элементов с разными классами (например, aC, bC bA и т. Д.), Но сгруппированных с определенными классами, такими как "el1" или "el2" или "el3"

Есть липсевдоселектор типа :not(), который принимает классы, которые могут взять исходный общий класс, такой как "el1", а затем выбрать различные классы внутри него?

Я бы посмотрел на что-то вроде $(".el1:with(.aC,.rC,.cC,.pC)"),который затем совпадет с .el1.aC, .el1.rC, .el1.cC, .el1.pC и т. д .;без необходимости неявно указывать общий класс, например $(".el1.aC,.el1.rC,.el1.cC,.el1.pC")?

Я знаю, что :not() способен на что-то вроде $(".lCo2:not(.aC,.rC,.cC,.pC)"), поэтому я надеюсь, что что-то на линии моей идеи :with()... Этот тип псевдо-выбора доступен в jQuery?

Answer 1

Один из вариантов - поместить различные классы в последующие .filter:

$(".el1")
  .filter('.aC,.rC,.cC,.pC')
  .css('background-color', 'green');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="el1 aC">text</div>
<div class="el1 rC">text</div>
<div class="el1 pC">text</div>
<div class="el1">text</div>
<div class="el2 aC">text</div>
<div class="el2 aC">text</div>