$('.days .day').each(function () {
const cell = $(this).find('.cell');
for (let i = 0; i < cell.length; i++) {
const eventList = cell[i];
if (eventList.children.length > 1) {
console.log(eventList); //HTMLCollection(3)
}
}
})
Перебираю массив дат в которых ищу event-item (если их в конкретном часе больше 1 - то вывожу) На выходе я получаю HTMLCollection (как пример)
<div class="cell ui-droppable" data-date="2020-08-30" data-time-start="August 30, 2020 11:00">
<div class="event-item timed calendar-event managed ui-draggable ui-draggable-handle ui-resizable" data-popup-url="/events/23" style="border-color: #89D260; top: 0.0px; height: 100.0px; left: 0px; right: 0px" data-event-user="1" data-event-course="" data-event-calendar=""></div>
<div class="event-item timed calendar-event managed ui-draggable ui-draggable-handle ui-resizable" data-popup-url="/events/24" style="border-color: #89D260; top: 0.0px; height: 100.0px; left: 0px; right: 0px" data-event-user="1" data-event-course="" data-event-calendar=""></div>
<div class="event-item timed calendar-event managed ui-draggable ui-draggable-handle ui-resizable" data-popup-url="/events/25" style="border-color: #187788; top: 0.0px; height: 100.0px; left: 0px; right: 0px" data-event-user="" data-event-course="11" data-event-calendar=""></div>
</div>
...
Вопрос как правильно обратиться к дочернему элементу HTMLCollection(3) (event-item) для дальнейшего стилевого воздействия на дочерние элементы (их может быть до 10)?