Что почему?
Вы хоть тестовый пример делайте.
Что бы за вас не делать.
<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>