У меня есть изображения, каждое с двумя классами. Вот соответствующая часть HTML. class = "thing other0-a" class = "thing other1-a" class = "thing other2-a" class = "...

2
Jonathan 22 Мар 2021 в 09:22

2 ответа

Лучший ответ

Эквивалент И в jQuery:

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

Эквивалент ИЛИ в jQuery:

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

Функция НЕ :not

$(":not([class*=thing])")  means which doesnt contain "thing"
2
Frenchy 22 Мар 2021 в 07:15

Вы можете объявить два атрибута с нужными классами в селекторе. Так:

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>
2
s.kuznetsov 22 Мар 2021 в 06:47