javascript - 获取所有元素包含或不包含某个类

Question

我有这样的html结构

<div class="dv a">a</div>
<div class="dv a">a1</div>
<div class="dv b">b</div>
<div class="dv b">b1</div>
<div class="dv c">c</div>
<div class="dv c">c1</div>
<div class="dv d">d</div>
<div class="dv d">d1</div>

如何让所有元素都包含 a 或 b 或 c 类

$(".dv").each(function(){}); /// ? how to get

以及如何获取所有不包含 a 或 b 类的元素

$(".dv:not(.a|.b)").each(function() {}); // ?how to get

Answer 1

使用或逻辑选择:

$( ".a, .b, .c" )

选择not逻辑:

$( "div:not(.a, .b)" )

要选择所有 .dv 但不选择 .d:

$( ".dv:not(.d)" )

下面是一段用上面的选择器计算所有逻辑的片段:

var orCount = $( ".a, .b, .c" ).length;
var andCount = $( "div:not(.a, .b)" ).length;
var notdCount = $( ".dv:not(.d)" ).length;

console.log('or logic count = ' + orCount);
console.log('and logic count = ' + andCount);
console.log('not d logic count = ' + notdCount);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="dv a">a</div>
<div class="dv a">a1</div>
<div class="dv b">b</div>
<div class="dv b">b1</div>
<div class="dv c">c</div>
<div class="dv c">c1</div>
<div class="dv d">d</div>
<div class="dv d">d1</div>