使用 jQuery .each 循环遍历 JavaScript 多维数组时如何访问元素

Question

我正在网站上开发动态 jwplayer 视频播放器，但无法让预览图像变为动态。我正在尝试使用多维数组来保持精简，但似乎无法将第二个值（预览图像）包含在循环中。

videos = [];
videos.push([ "v1", video1, videoThumb1 ]);
videos.push([ "v2", video2, videoThumb2 ]); 
videos.push([ "v3", video3, videoThumb3 ]); 
videos.push([ "v4", video4, videoThumb4 ]); 
videos.push([ "v5", video5, videoThumb5 ]); 

$.each(videos, function(i, v, p) {
    jwplayer(v[0]).setup({
        file: v[1],
        width: "100%",
        aspectratio: "16:9",
        image: p[1]
    });
});

Answer 1

每个循环中的回调函数有两个参数，索引和项目。

在这种情况下，此项目是您的每个视频条目。

所以 v[0] 我们的名字 v[1] 是视频 v[2] 是 videoThumb

videos = [];
videos.push([ "v1", video1, videoThumb1 ]);
videos.push([ "v2", video2, videoThumb2 ]); 
videos.push([ "v3", video3, videoThumb3 ]); 
videos.push([ "v4", video4, videoThumb4 ]); 
videos.push([ "v5", video5, videoThumb5 ]); 

$.each(videos, function(i, v) {
    jwplayer(v[0]).setup({
        file: v[1],
        width: "100%",
        aspectratio: "16:9",
        image: v[2]
    });
});