Вопрос как правильно обратиться к дочернему элементу HTMLCollection?

Question

[sergey]

$('.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)?

Answer 1

[smigles]

for (const event of eventList.children) {
    ...
}