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

Question

我有一系列具有不同类的元素（如 aC、bC bA 等），但与特定的共同类（如“el1”或“el2”或“el3”）分组

是否有像:not()这样的伪选择器，它接受可以采用初始公共 class （如“el1”）然后是 select 的各种不同类的类？

我会看类似$(".el1:with(.aC,.rC,.cC,.pC)")的东西，然后它会匹配.el1.aC ， .el1.rC ， .el1.cC , .el1.pC等; 无需隐含 state 常见的 class，如$(".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>