JSFiddle - React, Tailwind, and code Playground

by John Grivas

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<div class="page">
    <div class="sub">Content1</div>
    <div class="sub">Content2</div>
    <div class="sub">Content3</div>
    <div class="sub">Content4</div>
    <div class="sub">Content5</div>
    <div class="sub">Content6</div>
    <div class="sub">Content7</div>
    <div class="sub">Content8</div>
    <div class="sub">Content9</div>
    <div class="sub">Content10</div>
    <div class="sub">Content11</div>
    <div class="sub">Content12</div>
    <div class="sub">Content13</div>
    <div class="sub">Content14</div>
    <div class="sub">Content15</div>
    <div class="sub">Content16</div>
    <div class="sub">Content17</div>
    <div class="sub">Content18</div>
    <div class="sub">Content19</div>
    <div class="sub">Content20</div>
    <div class="sub">Content21</div>
    <div class="sub">Content22</div>
    <div class="sub">Content23</div>
    <div class="sub">Content24</div>
</div>

CSS

.new {
    border: solid 1px #ddd;
    padding: 5px;
}

JavaScript

var divs = $(".page .sub");
for (var i = 0; i < divs.length; i += 5) {
    var kuupaev = [];
    divs.slice(i, i + 5).wrapAll("<div class='new'></div>").each(function (index) {
        kuupaev[index] = $(this).text();

    });
        alert(kuupaev);
       /*$.ajax({
                url: 'save.php',
                type: 'POST',
                data: {kuupaev:kuupaev},
                success: function (data) {
                  callback(data);
                }
            });*/ 
}