JSFiddle - React, Tailwind, and code Playground

by Donal Devine

HTML

<div id="DaySchedule_5amDetail"> <span>5 am&nbsp;</span>

</div>
<div id="DaySchedule_6amDetail"> <span>6 am&nbsp;</span>

</div>
<div id="DaySchedule_7amDetail" class="start"> <span>7 am&nbsp;</span>

</div>
<div id="DaySchedule_8amDetail"> <span>8 am&nbsp;</span>

</div>
<div id="DaySchedule_9amDetail"> <span>9 am&nbsp;</span>

</div>
<div id="DaySchedule_10amDetail"> <span>10 am &nbsp;</span>

</div>
<div id="DaySchedule_11amDetail" class="end"> <span>11 am&nbsp;</span>

</div>

CSS

.wrapper {
    border: 2px solid;    
}

JavaScript

$(".start").nextUntil(".end").wrapAll("<div class='wrapper'></div>");