JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/ui-lightness/jquery-ui.css">
<div class='something'>something else</div>
<hr class="begin" />
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<a href="mauris.html">Mauris</a> id diam turpis, et faucibus nunc.
<div><img src="foo.png" /></div>
<hr class="end" />
<div class='something'>something else</div>
<hr class="begin" />
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<a href="mauris.html">Mauris</a> id diam turpis, et faucibus nunc.
<div><img src="foo.png" /></div>
<hr class="end" />
<div class='something'>something else</div>

CSS

.content {
    background: yellow;
}

JavaScript

$('hr.begin').each(function(){
        var $set = $();
        var nxt = this.nextSibling;
        while(nxt) {
            if(!$(nxt).is('hr.end')) {
                $set.push(nxt);
                nxt = nxt.nextSibling;
            } else break;
        } 
       $set.wrapAll('<div class="content" />');
    });