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]
    });
});

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

1 个答案: