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

Posted 2023-05-09

【中文标题】选择具有共同类但也具有不同类的元素

【英文标题】：Selecting elements with a common class but also with differing classes

【发布时间】：2020-03-04 16:11:11

【问题描述】：

我有一系列具有不同类别的元素（例如 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 中可用吗？

【参考方案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>