jQuery：如何选择包含两个字符串的类

Question

我有图像，每个图像都有两个类。这是 HTML 的相关部分。

class = "thing other0-a"
class = "thing other1-a"
class = "thing other2-a"
class = "thing other3-a"
class = "thing other0-b"
class = "thing other1-b"
class = "thing other2-b"

如何使用 jQuery 选择带有“thing”的类以及是否包含“-a”？

我知道如何做 [class*=-a]，但我不知道如何结合选择完全匹配和包含匹配。

Answer 1

相当于jQuery中的AND：

$("[class*=thing][class*=-a]")

相当于jQuery中的OR：

$("[class*=thing],[class*=-a]")

NOT函数:not

$(":not([class*=thing])")  means which doesnt contain "thing"

Answer 2

您可以在选择器中使用所需的类声明两个属性。像这样：

div[class*=-a][class*=thing]

在这种情况下，匹配将是精确的。

$('div[class*=-a][class*=thing]').css('color', 'green');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class = "thing other0-a">text</div>
<div class = "thing other1-a">text</div>
<div class = "thing other2-a">text</div>
<div class = "thing other3-a">text</div>
<div class = "thing other0-b">text</div>
<div class = "thing other1-b">text</div>
<div class = "thing other2-b">text</div>