querySelectorAll
Доброго времени суток уважаемые формучане,
Есть ли способ собрать коллекцию с помощью querySelectorAll, селектор (в моём случае класс) содержит подстроку, исключая элемент, класс которого содержит свою подстроку? Что то вроде:
querySelectorAll('div[class^="подстрока 1]", div:not([class^="подстрока 2"])');
Если оставить div[class^="подстрока 1], ожидаемо получается коллекция элементов, содержащих в названии своего класса подстроку 1. Если оба условия, то коллекция состоит из элементов, содержащих в названии своего класса подстроку 1 + элементы класс которых не содержит посдстроку 2. |
atanov,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
div[class~=test]:not([class~=red]){
background-color: #006400;
}
div[class~=test][class~=red]{
background-color: #FF0000;
}
</style>
</head>
<body>
<div class="test red">01</div>
<div class="test">02</div>
<div class="test red">03</div>
<div class="test">04</div>
<div class="test red">05</div>
</body>
</html>
|
рони, спасибо большое!
|
| Часовой пояс GMT +3, время: 14:19. |