JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="timeList">
       <li class="timeSlot">8:00</li>
       <li class="timeSlot">9:00</li>
       <li class="timeSlot">10:00</li>
       <li class="timeSlot">11:00</li>
       <li class="timeSlot">12:00</li>
       <li class="timeSlot">13:00</li>
       <li class="timeSlot">14:00</li>
       <li class="timeSlot">15:00</li>
    </ul>
    <ul class="timeList">
       <li class="timeSlot">8:00</li>
       <li class="timeSlot">9:00</li>
       <li class="timeSlot">10:00</li>
       <li class="timeSlot">11:00</li>
       <li class="timeSlot">12:00</li>
       <li class="timeSlot">13:00</li>
       <li class="timeSlot">14:00</li>
       <li class="timeSlot">15:00</li>
       <li class="timeSlot">16:00</li>
       <li class="timeSlot">17:00</li>
    </ul>

CSS

.timeList { width: 100px; float: left; list-style-type: none; }

JavaScript

jQuery(function () {
    jQuery(".timeList").each(function () {
        jQuery(this).children(":gt(4)").css('color','red');
    });
});