选择具有相同类别但也具有不同类别的元素

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>