请问下面这段js怎么改为支持多次4个a生成一个div

现在这段代码支持1次，请问怎么才可以支持多次

    $(function(){
        if($('.case-content-box a').size() > 3){
            var html = '';
            $.each($('.case-content-box a:gt(3)'),function(){
                html += $(this).prop("outerHTML");
                $(this).remove();
            })
            $('.case-content-box').after('<div class="case-content-box">' + html + '</div>')
        }
    })
</script>

    $(function(){
        var od = $('.case-content-box');
        while (od.find("a").size() > 4) {
            var nd = $('<div class="case-content-box"></div>');
            od.before(nd);
            od.find("a").slice(0,4).appendTo(nd);
        }
    })

var num=$('.case-content-box a').size()

$.each(data,function(index,value){

})

$(function(){
var arry=[]
var num=$('.case-content-box a').size();
arry[num]=1
if(arry.length > 3){
var html = '';
$.each(arry,function(index,value){
html += $(this).prop("outerHTML");
$(this).remove();
})
$('.case-content-box').after('

' + html + '

')
}
})

  $(function(){
 for (var lo = 0; lo <4; lo++) {
        if($('.case-content-box a').size() > 3){
            var html = '';
            $.each($('.case-content-box a:gt(3)'),function(){
                html += $(this).prop("outerHTML");
                $(this).remove();
            })
            $('.case-content-box').after('<div class="case-content-box">' + html + '</div>')
        }
                }
    })