wrap elements example

Example to wrap a set of elements with specific class with another element.

by Sanjeevi Rajagopalan

HTML

<div> <span class="openParen bm0">(</span>
    <span class="closeParen bm0">)</span>
    <span class="openParen bm3">(</span>
    <span class="openCurly bm1">{</span>
    <span class="openParen bm2">(</span>
    <span class="closeParen bm2">)</span>
    <span class="closeParen bm3">)</span>  
    <span class="closeCurly bm1">}</span>
</div>

JavaScript

$.each($('.openParen'), function (index, startParen) {
    var classes = $(startParen).attr('class').split(' ');
    var bmClass = $.grep(classes, function (thisElement, index) {
        return thisElement.toString().match("^bm");
    });
    $(startParen).nextUntil($('.' + bmClass[0])).andSelf().add($('.' + bmClass[0] + ':last')).wrapAll('<span class="new"></span>');
});