如何使用jquery在for循环中存储数组

如何使用jquery在for循环中存储数组,jquery,html,Jquery,Html,我有一个完整的j查询,它循环遍历存储在数组中的名称列表,并随机选择三个名称作为优胜者。如果选择了名称,则将其存储在数组中,然后推送到div js hide:false控制台:true babel:false--> js--> var成员=[ {'Member_ID':0,'Member_Name':“Malon Namak”}, {'Member\u ID':1,'Member\u Name':“Tom Joseph”}, {'Member_ID':2,'Member_Name':“Noah I

我有一个完整的
j查询
,它循环遍历存储在数组中的名称列表,并随机选择三个名称作为优胜者。如果选择了名称,则将其存储在数组中,然后推送到div

js hide:false控制台:true babel:false--> js-->
var成员=[
{'Member_ID':0,'Member_Name':“Malon Namak”},
{'Member\u ID':1,'Member\u Name':“Tom Joseph”},
{'Member_ID':2,'Member_Name':“Noah Iaruel”},
{'Member_ID':3,'Member_Name':“Rodricco Simil”},
{'Member_ID':4,'Member_Name':“Nax Kev”},
{'Member_ID':6,'Member_Name':“Raphaela Seru”},
];
变量$display=$(“#display”);
var$draw=$(“#draw”);
var计数=1;
var$random=$(“#random”);
var$head=$(“#head”);
变量$slider_1=(“#slider_1”);
变量$slider_2=(“#slider_2”);
变量$slider_3=(“#slider_3”);
var-els=[];
$('#random')。单击(函数(){
$('#random').attr(“值”+(计数++)+“/3”);
var total=成员数。长度,
选定=数学地板(数学随机()*总计),
i=0;
console.log(“已选择”,已选择);

对于(i=0;i,只需获取您的得奖名称,并使用text()插入到相应的div中。如果三个得奖名称是类而不是id,则会更容易,但不用担心

获胜的名字也会被推送到
els
数组中,该数组被假定为您想要保留名字的数组

使用您的代码制作代码片段注释中有更多注释

var成员=[{
“成员ID”:0,
“成员姓名”:“Malon Namak”
}, {
“成员ID”:1,
“成员姓名”:“汤姆·约瑟夫”
}, {
“成员ID”:2,
“成员姓名”:“诺亚·伊鲁尔”
}, {
“成员ID”:3,
“成员姓名”:“罗德里科·西米尔”
}, {
“成员ID”:4,
“成员姓名”:“纳克斯科夫”
}, {
“成员ID”:6,
“成员姓名”:“拉斐拉·塞鲁”
},
];
变量$display=$(“#display”);
var$draw=$(“#draw”);
var计数=1;
var$random=$(“#random”);
var$head=$(“#head”);
变量$slider_1=(“#slider_1”);
变量$slider_2=(“#slider_2”);
变量$slider_3=(“#slider_3”);
var-els=[];
var inc=1;//赢得div计数器
$('#random')。单击(函数(){
$('#random').attr(“值”+(计数++)+“/3”);
var total=成员数。长度,
选定=数学地板(数学随机()*总计),
i=0;
console.log(“已选择”,已选择);
对于(i=0;i3){
$('#random').attr(“disabled”,true);
$('#random').attr(“值”,“0”);
$draw.text(“您已达到限制”);
};
});





只需获取您的得奖姓名并使用text()插入相应的div。如果三个得奖姓名是类而不是id,则会更容易,但不用担心

获胜的名字也会被推送到
els
数组中,该数组被假定为您想要保留名字的数组

使用您的代码制作代码片段注释中有更多注释

var成员=[{
“成员ID”:0,
“成员姓名”:“Malon Namak”
}, {
“成员ID”:1,
“成员姓名”:“汤姆·约瑟夫”
}, {
“成员ID”:2,
“成员姓名”:“诺亚·伊鲁尔”
}, {
“成员ID”:3,
“成员姓名”:“罗德里科·西米尔”
}, {
“成员ID”:4,
“成员姓名”:“纳克斯科夫”
}, {
“成员ID”:6,
“成员姓名”:“拉斐拉·塞鲁”
},
];
变量$display=$(“#display”);
var$draw=$(“#draw”);
var计数=1;
var$random=$(“#random”);
var$head=$(“#head”);
变量$slider_1=(“#slider_1”);
变量$slider_2=(“#slider_2”);
变量$slider_3=(“#slider_3”);
var-els=[];
var inc=1;//赢得div计数器
$('#random')。单击(函数(){
$('#random').attr(“值”+(计数++)+“/3”);
var total=成员数。长度,
选定=数学地板(数学随机()*总计),
i=0;
console.log(“已选择”,已选择);
对于(i=0;i3){
$('#random').attr(“disabled”,true);
$('#random').attr(“值”,“0”);
$draw.text(“您已达到限制”);
};
});





您尝试过什么?在JavaScript中创建数组并向其中添加元素是有大量在线示例的文档记录的概念。什么不起作用?@David我想将winner three Name推到div#cover,所以您要问的是如何从jquery向元素添加内容
var members = [
    { 'Member_ID': 0, 'Member_Name': "Malon Namak" },
    { 'Member_ID': 1, 'Member_Name': "Tom Joseph" },
    { 'Member_ID': 2, 'Member_Name': "Noah Iaruel" },
    { 'Member_ID': 3, 'Member_Name': "Rodricco Simil" },
    { 'Member_ID': 4, 'Member_Name': "Nax Kev" },
    { 'Member_ID': 6, 'Member_Name': "Raphaela Seru" },

];

var $display = $("#display");
var $draw = $("#draw");
var count = 1;
var $random = $("#random");
var $head = $("#head");
var $slider_1 = ("#slider_1");
var $slider_2 = ("#slider_2");
var $slider_3 = ("#slider_3");
var els =[];
$('#random').click(function(){
    $('#random').attr("value", + (count++) + "/3" );

    var total = members.length,
        selected = Math.floor( Math.random() * total ),
        i = 0;

    console.log( "selected", selected );
    for (i=0; i<total; i++) {

        console.log( "for", i );
                setTimeout((function(i){
            return function(){

                console.log( "timeout", i );
                $display.text( members[i].Member_Name.toUpperCase() );
                if( i === selected ) {
                    $head.text("Winning!!");
                    $head.animate( {"font-size": "20px"}, "slow");
                    $display.animate( {"font-size": "40px"}, "slow");


                }
            };
        }(i)), i*250);





        if( i === selected ) {


        break;
        }
    }

    if (count == 4){
        $('#random').attr("disabled", true);
        $('#random').attr("value", "0");

        $draw.text("You have reach the limit");


    };

});