Форум

atanov · #1 (**permalink**) 06.07.2019, 12:40

Доброго времени суток уважаемые формучане,

Есть ли способ собрать коллекцию с помощью querySelectorAll, селектор (в моём случае класс) содержит подстроку, исключая элемент, класс которого содержит свою подстроку?
Что то вроде:

querySelectorAll('div[class^="подстрока 1]", div:not([class^="подстрока 2"])');

Если оставить div[class^="подстрока 1], ожидаемо получается коллекция элементов, содержащих в названии своего класса подстроку 1. Если оба условия, то коллекция состоит из элементов, содержащих в названии своего класса подстроку 1 + элементы класс которых не содержит посдстроку 2.

рони · #2 (**permalink**) 06.07.2019, 13:22

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>

atanov · #3 (**permalink**) 06.07.2019, 13:58

рони, спасибо большое!

Форум

Справочник

Discord чат

Курсы javascript