如何使jQuery输出不同的DIV类？

我在jQuery中有一个脚本，用于从（json格式）检索数据。它在

内部返回。正如您在fetch/fetch.js中所看到的，它在

中返回。但是我想让代码在五个DIV类之间随机化

前

fetch/fetch.js

$(document).ready(function(){
    var output = $('#output');

    $.ajax({
        url: 'http://pi.codele.se/php/debatt.php',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        timeout: 5000,
        success: function(data, status){
            $.each(data, function(i,item){ 
                var content = '<div class="box w-25 h-70"><h3>'+item.rubrik+'<span>Publicerad '+ item.datum+'</span></h3>'
                + '<p>'+item.innehall+'<br></div></div>';       
                output.append(content);
            });
        },
        error: function(){
            output.text('Kolla din anslutning.')
        }
    });
});

$（文档）.ready（函数（）{
变量输出=$（“#输出”）；
$.ajax({
网址：'http://pi.codele.se/php/debatt.php',
数据类型：“jsonp”，
jsonp:'jsoncallback'，
超时：5000，
成功：功能（数据、状态）{
$.each（数据、函数（i、项）{
风险值内容=''+项目.rubrik+'Publicerad'+项目.datum+''
+“”+item.innehall+”
”；
输出。追加（内容）；
});
},
错误：函数（）{
text（'Kolla din ansluting'））
}
});
});

像这样的东西

$(document).ready(function(){
    var output = $('#output');
    var classes = ['box w-25 h-70', 'box2', ...]

    $.ajax({
        url: 'http://pi.codele.se/php/debatt.php',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        timeout: 5000,
        success: function(data, status){
            $.each(data, function(i,item){ 

                var arr_idx = Math.floor(Math.random()*classes.length);
                var content = '<div class="' + classes[arr_idx] + '"><h3>'+item.rubrik+'<span>Publicerad '+ item.datum+'</span></h3>'
                + '<p>'+item.innehall+'<br></div></div>';       
                output.append(content);
            });
        },
        error: function(){
            output.text('Kolla din anslutning.')
        }
    });
});

$（文档）.ready（函数（）{
变量输出=$（“#输出”）；
变量类=['框w-25 h-70'，'框2'，…]
$.ajax({
网址：'http://pi.codele.se/php/debatt.php',
数据类型：“jsonp”，
jsonp:'jsoncallback'，
超时：5000，
成功：功能（数据、状态）{
$.each（数据、函数（i、项）{
var arr_idx=Math.floor（Math.random（）*classes.length）；
风险值内容=''+项目.rubrik+'Publicerad'+项目.datum+''
+“”+item.innehall+”
”；
输出。追加（内容）；
});
},
错误：函数（）{
text（'Kolla din ansluting'））
}
});
});

$（文档）.ready（函数（）{
变量输出=$（“#输出”）；
$.ajax({
网址：'http://pi.codele.se/php/debatt.php',
数据类型：“jsonp”，
jsonp:'jsoncallback'，
超时：5000，
成功：功能（数据、状态）{
$.each（数据、函数（i、项）{
风险值内容=''+项目.rubrik+'Publicerad'+项目.datum+''
+“”+item.innehall+”
”；
输出。追加（内容）；
});
},
错误：函数（）{
text（'Kolla din ansluting'））
}
});
});

$(document).ready(function(){
    var output = $('#output');
    var classes = ['box w-25 h-70', 'box2', ...]

    $.ajax({
        url: 'http://pi.codele.se/php/debatt.php',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        timeout: 5000,
        success: function(data, status){
            $.each(data, function(i,item){ 

                var arr_idx = Math.floor(Math.random()*classes.length);
                var content = '<div class="' + classes[arr_idx] + '"><h3>'+item.rubrik+'<span>Publicerad '+ item.datum+'</span></h3>'
                + '<p>'+item.innehall+'<br></div></div>';       
                output.append(content);
            });
        },
        error: function(){
            output.text('Kolla din anslutning.')
        }
    });
});

$(document).ready(function(){
    var output = $('#output');

    $.ajax({
        url: 'http://pi.codele.se/php/debatt.php',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        timeout: 5000,
        success: function(data, status){
            $.each(data, function(i,item){ 
                var content = '<div class="box w-'+i+'h-'+i+1+'"><h3>'+item.rubrik+'<span>Publicerad '+ item.datum+'</span></h3>'
                + '<p>'+item.innehall+'<br></div></div>';       
                output.append(content);
            });
        },
        error: function(){
            output.text('Kolla din anslutning.')
        }
    });
});