处理从后台请求的数据

做一个直播答题系统,从后台获取一组数据八道题,通过渲染展示在页面上,但是这八道题都显示出来,想每次只显示一道题,下面有个计时,过五秒切换到下一题。现在我想通过下标来控制,但是为什么不能打印第一道题的内容(每到题的长度不一定,所以不能通过限高其他的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)*/

clipboard.png

阅读 1.3k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题