Форум

ureech · #1 (**permalink**) 24.10.2023, 08:25

Привет

var slots = document.querySelectorAll('.slot')
for (var i = 0; i < slots.length; i++) {
if (slots[i].classList.contains('less-today')) continue
console.log(slots[i].classList) // тут нет слотов с классом 'less-today'
slots[i].innerHTML = slots[i].dataset.price // вставляется во все слоты
}

Почему и как поправить?

Aetae · #2 (**permalink**) 24.10.2023, 09:27

var slots = document.querySelectorAll('.slot')
for (var i = 0; i < slots.length; i++) {
  if (slots[i].classList.contains('less-today')) {
    console.log('less-today', slots[i].className) // а тут есть?
    continue
  }
  console.log(slots[i].classList) // тут нет слотов с классом 'less-today'
  slots[i].innerHTML = slots[i].dataset.price // вставляется во все слоты
}

voraa · #3 (**permalink**) 24.10.2023, 09:28

Что почему?
Вы хоть тестовый пример делайте.
Что бы за вас не делать.

<head>
<style>
.slot {
	position: relative;
	width: 50px;
	height: 32px;
}
.less-today {
	background-color: yellow;
}
</style>
</head>

<body>
<div class="slot" data-price="1"></div>
<div class="slot less-today" data-price="2"></div>
<div class="slot" data-price="3"></div>
<div class="slot less-today" data-price="4"></div>
<div class="slot" data-price="5"></div>
<div class="slot less-today" data-price="6"></div>
<div class="slot" data-price="7"></div>
<script>
var slots = document.querySelectorAll('.slot')
for (var i = 0; i < slots.length; i++) {
if (slots[i].classList.contains('less-today')) continue
console.log(slots[i].classList) // тут нет слотов с классом 'less-today'
slots[i].innerHTML = slots[i].dataset.price // вставляется куда надо
}
</script>
</body>

voraa · #4 (**permalink**) 24.10.2023, 09:36

Это надо вот так писать

const slots = document.querySelectorAll('.slot:not(.less-today)');
for (let i = 0; i < slots.length; i++) {
console.log(slots[i].classList); // тут нет слотов с классом 'less-today'
slots[i].innerHTML = slots[i].dataset.price; // вставляется во все слоты
}

ureech · #5 (**permalink**) 24.10.2023, 12:53

Всё понятно. Всем спасибо. Буду искать что у меня не так).

Форум

Справочник

Discord чат

Курсы javascript