jQuery数组和Foreach

这是我的数组，我需要做一个foreach来显示每个数组的图像。 基本上，数组包含幻灯片和幻灯片信息，我需要为每个幻灯片输出一个div，其中包含信息（如果我知道如何访问它，我可以这样做）

你可以这样用

$.each(slides,function(i,obj){
   //here  obj is object element of slides array

  // access properties of the object 
  // in current iteration like obj.slidetitle,obj.slidetext etc

});

注意：您应该从0开始数组索引

您可以这样使用

$.each(slides,function(i,obj){
   //here  obj is object element of slides array

  // access properties of the object 
  // in current iteration like obj.slidetitle,obj.slidetext etc

});

注意：您应该从0开始数组索引

---

有几件事需要注意。您需要在索引0处启动数组。以下是完整的代码和JSFIDLE：

var slides=newarray（）；
幻灯片[0]={slidetitle:'title 1'，
slidetext:“文本1”，
图像1:“”，
放大倍数：''，
buttontext:“按钮文本1”，
巴托努尔：'http://www.google.com'};
幻灯片[1]={slidetitle:'title 1'，
slidetext:“文本1”，
图像1:“”，
放大倍数：''，
buttontext:“按钮文本1”，
巴托努尔：'http://www.google.com'};
幻灯片[2]={slidetitle:'title 2'，
slidetext:“文本2”，
图像1:“”，
放大倍数：''，
buttontext:“按钮文本2”，
巴托努尔：'http://www.google.com'};
幻灯片[3]={slidetitle:'title 3'，
slidetext:“文本3”，
图像1:“”，
放大倍数：''，
buttontext:“按钮文本3”，
buttonurl:''}；
幻灯片[4]={slidetitle:'title 4'，
slidetext:“文本4”，
图像1:“”，
放大倍数：''，
buttontext:“按钮文本4”，
巴托努尔：'http://www.google.com'};
幻灯片[5]={slidetitle:'title 5'，
slidetext:“文本5”，
图像1:“”，
放大倍数：''，
buttontext:'按钮文本5'，
巴托努尔：'http://www.google.com'};      
var$container=$（“#container”）；
$.each（幻灯片、函数（索引、值）{
变量$div=$（''+value.slidetitle+''）；
$container.append（$div）；
});

---

​

有几件事需要注意。您需要在索引0处启动数组。以下是完整的代码和JSFIDLE：

var slides=newarray（）；
幻灯片[0]={slidetitle:'title 1'，
slidetext:“文本1”，
图像1:“”，
放大倍数：''，
buttontext:“按钮文本1”，
巴托努尔：'http://www.google.com'};
幻灯片[1]={slidetitle:'title 1'，
slidetext:“文本1”，
图像1:“”，
放大倍数：''，
buttontext:“按钮文本1”，
巴托努尔：'http://www.google.com'};
幻灯片[2]={slidetitle:'title 2'，
slidetext:“文本2”，
图像1:“”，
放大倍数：''，
buttontext:“按钮文本2”，
巴托努尔：'http://www.google.com'};
幻灯片[3]={slidetitle:'title 3'，
slidetext:“文本3”，
图像1:“”，
放大倍数：''，
buttontext:“按钮文本3”，
buttonurl:''}；
幻灯片[4]={slidetitle:'title 4'，
slidetext:“文本4”，
图像1:“”，
放大倍数：''，
buttontext:“按钮文本4”，
巴托努尔：'http://www.google.com'};
幻灯片[5]={slidetitle:'title 5'，
slidetext:“文本5”，
图像1:“”，
放大倍数：''，
buttontext:'按钮文本5'，
巴托努尔：'http://www.google.com'};      
var$container=$（“#container”）；
$.each（幻灯片、函数（索引、值）{
变量$div=$（''+value.slidetitle+''）；
$container.append（$div）；
});

---

​

基本上，您必须创建一个带有空

tbody

的表，

tbody

必须设置一个id，以便以后选择它

$.each(slides, function (index, value) {
    var row = '<tr><td>value.title</td></tr>'
    + '<tr><td>value.text</td></tr>';

    $('#tableBody').append(row);
}

$。每个（幻灯片、函数（索引、值）{
变量行='value.title'
+‘value.text’；
$（'#tableBody'）。追加（行）；
}

• 其中value是数组对象

---

基本上，您必须创建一个带有空

tbody

的表，

tbody

必须设置一个id，以便以后选择它

$.each(slides, function (index, value) {
    var row = '<tr><td>value.title</td></tr>'
    + '<tr><td>value.text</td></tr>';

    $('#tableBody').append(row);
}

$。每个（幻灯片、函数（索引、值）{
变量行='value.title'
+‘value.text’；
$（'#tableBody'）。追加（行）；
}

• 其中value是数组对象