如何將多個腳本合而為一？

Question

我有五個相同的腳本，只使用五個不同的變量。 #video0至#video4 。 我只是不太確定如何將它們組合在一起，所以我沒有多余的代碼。 我一直在努力使它們成為變量

var video= [
$('#video0'),
$('#video1'),
$('#video2'),
$('#video3'),
$('#video4')
];

http://jsfiddle.net/cwfybnzr/

Answer 1

將each（）與數組一起使用

var videos = [
$('#video0'),
$('#video1'),
$('#video2'),
$('#video3'),
$('#video4')
];

$(function() {
    $.each(videos, function(){
        var iframe = $(this)[0];
        ...
    });

}）;

Answer 2

您可以將class元素（例如videoCSS添加到所有元素，然后像這樣遍歷它們

$('.videoCSS').each(function(){
    var player = $(this);
    // your code here    
});

這樣，您就可以將來證明自己的js代碼，就像可以通過videoCSS類向HTML添加盡可能多的新播放器/ iframe videoCSS ，您的js代碼仍然相同。

另外，我發現在您的代碼中，您正在執行

var iframe = $('#video0')[0];
var player = $(iframe);

這意味着首先要使用$('#video0')獲取一個jquery對象，然后嘗試從中獲取DOM元素，如$('#video0')[0] ，然后再次將其轉換為使用$(iframe)的jquery對象。

我認為不需要這么多額外的處理，您可以簡單地使用

var player = $('#video0');

或使用我的更新代碼

var player = $(this);

更新場

Answer 3

為這些元素創建類不是更好嗎？ 然后可以使用簡單的jQuery語法$('.video')遍歷它們。 另外，添加新視頻時，無需更改任何JavaScript代碼。