做一个直播答题系统,从后台获取一组数据八道题,通过渲染展示在页面上,但是这八道题都显示出来,想每次只显示一道题,下面有个计时,过五秒切换到下一题。现在我想通过下标来控制,但是为什么不能打印第一道题的内容(每到题的长度不一定,所以不能通过限高其他的display:none来控制)求大神指点
$(function(){
$.ajax({
type:'POST',
dataType: "json",
url:"url",
data:{},
success:function(data){
console.log(data);
var arr=[];
for(var i in data){
arr.push(data[i])
}
var str='';
for(j=0;j<arr[2].length;j++){
str+='<div class="question1">';
str+='<p>'+arr[2][j].question+'</p>';
str+='<ul>';
str+='<li>'+arr[2][j].answera+'</li>';
str+='<li>'+arr[2][j].answerb+'</li>';
str+='<li>'+arr[2][j].answerc+'</li>';
str+='<li>'+arr[2][j].answerd+'</li>';
str+='</ul>';
str+='</div>';
}
$("#container").html(str);
}
})
var container = document.getElementById("container");
var divs = container.children;
console.log(divs);
for(var q = 0; q<divs.length;q++){
divs[q].index=q;
divs[0].onmouseover = function(){
for (var k = 0; k < divs.length; k++) {
divs[k].style.display="none";
}
this.style.display="block"
}
}
});
/*倒计时*/
/* var count = 5;
timer = setInterval(function(){
count--;
if(count==-1){
clearInterval(timer);
}
else{
document.getElementById('timer-down').innerHTML=count;
}
},1000)*/