jQuery 选择器仅选择特定的 2 个类，不包括任何其他类？

Question

有很多问题要求选择具有 2 个类别的元素。但我想问，如果我想要获取仅具有 2 个提供的类的元素，并且排除具有任何其他附加类的任何其他元素，该怎么办？换句话说，不需要具有附加类的元素。

<div class="a">
  <div class="a b">
    ...
  </div>
  <div class="a b c">
    ...
  </div>
</div>

就我而言，我只想获取第二个 div 元素，而不是带有 a b c 类的元素。

Answer 1

第二次编辑:仅使用 css，此选择器将选择第一个或第二个位置的两个案例类“a”:

$('div[class="a b"],div[class="b a"]')

编辑:您需要过滤选择并排除第三类元素:

$('.a.b')
    .filter(function() {
        return this.classList[2] == null;
    });

<小时/>

$('.a.b')
    .filter(function() {
    return this.classList[2] == null;
    })
    .addClass('red');

div{
  height:100px;
  width:100px;
  background:black;
  float:left;
}
.red{
  background:red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="a"></div>
<div class="a b"></div>
<div class="a b c"></div>

<小时/>

原文:

关于:

$('.a.b:not(.c)')

与

相同

$('.a.b').not('.c')

但更简单。