JSFiddle - React, Tailwind, and code Playground

HTML

<div class="quotesWrapper">
    <div class="quote split">1</div>
    <div class="quote">1</div>
    <div class="quote">1</div>
    <div class="quote">1</div>
    <div class="quote">1</div>
    <div class="quote">1</div>
    <div class="quote split">2</div>
    <div class="quote">2</div>
    <div class="quote">2</div>
    <div class="quote">2</div>
    <div class="quote">2</div>
    <div class="quote">2</div>
    <div class="quote split">3</div>
    <div class="quote">3</div>
    <div class="quote">3</div>
    <div class="quote">3</div>
    <div class="quote">3</div>
    <div class="quote">3</div>
    <div class="quote split">4</div>
    <div class="quote">4</div>
    <div class="quote">4</div>
    <div class="quote">4</div>
    <div class="quote">4</div>
    <div class="quote">4</div>
</div>

<div id="output">test</div>

JavaScript

$('.quotesWrapper .quote.split').each(function(){
    $(this).nextUntil('.quote.split')
        .andSelf()
        .wrapAll('<div class="wrap" />')
});