如何使用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");
};
});