使用jQuery将三个重复的div组包装成一个

(function($){

   $.fn.wrapChildren = function(options) {

    var options = $.extend({
                              childElem : undefined,sets : 1,wrapper : 'div'
                            },options || {});
    if (options.childElem === undefined) return this;

 return this.each(function() {
  var elems = $(this).children(options.childElem);
  var arr = [];

  elems.each(function(i,value) {
    arr.push(value);
    if (((i + 1) % options.sets === 0) || (i === elems.length -1))
   {
     var set = $(arr);
     arr = [];
     set.wrapAll($("<" + options.wrapper + ">"));
   }
  });
    });

  }

})(jQuery);

您传入一个选项对象定义

> childElem – 要包装的直接子节点的过滤器选择器
> sets – 您希望如何对子元素进行分组.例如,在您的情况下为3组.默认值为1
> wrapper – 包装子元素的元素.default是< div>

像这样使用你的数据.您需要为div定义父元素

$(function() {   
  $('body').wrapChildren({ 
             childElem : 'div.bb_Box_tl,div.bb_Box_l,div.bb_Box_lb',sets: 3,wrapper: 'div class="Box-cont"'
  });   
});

这是一个有一些数据的Working Demo.

更新：

I wrote a blog post with a slightly modified and improved version of this