JSFiddle - React, Tailwind, and code Playground

by Nick Craver

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<div class="entry">Content</div>
<div class="entry">Content</div>
<div class="entry">Content</div>
<div>Skip in wrap</div>
<div class="entry">Content</div>
<div class="entry">Content</div>
<div class="entry">Content</div>
<div>Skip in wrap</div>
<div class="entry">Content</div>
<div class="entry">Content</div>
<div class="entry">Content</div>
<div class="entry">Content</div>
<div>Skip in wrap</div>
<div class="entry">Content</div>
<div class="entry">Content</div>
<div>Skip in wrap</div>

CSS

div { border: solid 1px #ddd; padding: 5px; }
body > div { border-color: #990000; }

JavaScript

var divs = $("div.entry");
for(var i=0; i<divs.length;) {
   i += divs.eq(i).nextUntil(':not(.entry)').andSelf().wrapAll('<div />').length;
}