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

var foundBegin = false;
var foundEnd = false;
var results = [];

$('hr.begin').parent()
    .contents()
    .each(function() {
        if($(this).is('hr.begin')) {
            foundBegin = true;
            results.push([]);
        }
        if($(this).is('hr.end')) {
            foundEnd = true;
        }
        if(foundBegin && !foundEnd) {
            results[results.length-1].push(this);
        }
        if(foundBegin && foundEnd) {
            foundBegin = foundEnd = false;
        }
    });

for(var r = 0; r < results.length; r++) {
    $(results[r]).wrapAll('<div class="content"/>');
}