Javascript 将div及其所有内容存储在数组中

Javascript 将div及其所有内容存储在数组中,javascript,jquery,html,Javascript,Jquery,Html,我想做一个幻灯片放映,我的想法是每5秒切换一次幻灯片。为此,我想创建div并将其存储在一个包含所有内容的数组中,但我不确定如何才能做到这一点 更新:我能够创建一个包含所有问题和答案选项的对象数组,然后使用.html()方法显示对象中的数据 var questions = [ { quest: "Which of the following is an actual movie?", answer: "A. Jaws", choi

我想做一个幻灯片放映,我的想法是每5秒切换一次幻灯片。为此,我想创建div并将其存储在一个包含所有内容的数组中,但我不确定如何才能做到这一点

更新:我能够创建一个包含所有问题和答案选项的对象数组,然后使用.html()方法显示对象中的数据

     var questions = [
     {
        quest: "Which of the following is an actual movie?",
        answer: "A. Jaws",
        choices: ["A. Jaws", "B. Laws", "C. Paws", "D. Claws"],
        video: "<iframe width: 200px height: 100px src = 'https://www.youtube.com/embed/2I91DJZKRxs' allowfullscreen></iframe>"
     },
     {
        quest: "Which of the following is an actual movie?",
        answer: "B. For a Few Dollars More",
        choices: ["A. Gummy Bears", "B. For a Few Dollars More", "C. What?", "D. I dont care"],
        video: "<iframe width: 200px height: 100px src= 'https://www.youtube.com/embed/M-k_BW8iLkk' allowfullscreen></iframe>"
     },
     {
        quest: "Which of the following is an actual movie?",
        answer: "D. Pineapple Express",
        choices: ["A. The Mining", "B. The Natrix", "C. Huh?", "D. Pineapple Express"],
        video: "<iframe width: 200px height: 100px src='https://www.youtube.com/embed/8TUTxAK1EqQ' allowfullscreen></iframe>"
     }
     ]
var问题=[
{
quest:“以下哪一个是真实的电影?”,
回答:“A.大白鲨”,
选项:[“A.爪子”、“B.法则”、“C.爪子”、“D.爪子”],
视频:“
},
{
quest:“以下哪一个是真实的电影?”,
回答:“B.多花几美元”,
选择:[“A.橡皮熊”,“B.多花几美元”,“C.什么?”,“D.我不在乎”],
视频:“
},
{
quest:“以下哪一个是真实的电影?”,
回答:“D.菠萝快车”,
选择:[“A.采矿”、“B.Natrix”、“C.哈?”、“D.菠萝快车”],
视频:“
}
]

然后我可以使用setTimeout并调用一个显示函数,通过.html(此处为数组数据)方法切换问题。

我建议您将存储到
数组
属性中(用于图像)

请参阅不带jQuery的简单示例<您的幻灯片的code>长度取决于带有
src
属性的数组的大小(非常灵活)。 放置一些样式(继续)


//具有SRC属性的数组
变量幻灯片=[
"http://images.all-free-download.com/images/graphicthumb/walker_lake_western_nevada_explored_516978.jpg",
"http://www.imagesfromtexas.com/images/400/Texas-Hill-Country-Waterfall-4.jpg",
"http://www.animatedimages.org/data/media/1513/animated-sea-and-ocean-image-0012.gif"
]
//把幻灯片放进去
window.onload=创建幻灯片(幻灯片);
var slideIndex=0;
//开始
放映幻灯片();
函数createSlides(图像){
var len=images.length;
var container=document.getElementById(“幻灯片显示容器”);
对于(变量i=0;islides.length){slideIndex=1}
幻灯片[slideIndex-1].style.display=“block”;
setTimeout(showSlides,5000);//每5秒更改一次图像
}
自动幻灯片放映
每5秒更改一次图像:


您必须添加一些尝试(即代码),否则人们会继续否决您的问题。