将脚本应用于具有唯一ID的多个视频标签

Question

我有一个脚本将皮肤应用于id =“videoLabel1”

的视频标签

$(function() {
    $('#videoLabel1').vp1_html5_Video({
        skin: 'futuristicChrome',
        seekBarAdjust:255
    });
});

我想修改脚本以将皮肤应用于任意数量的视频标签，每个视频标签都标记为id =“videoLabelX”，其中X是我选择的任意数字，以保持每个ID唯一。

Answer 1

使用starts-with选择器http://api.jquery.com/attribute-starts-with-selector/

$(function() {
    $('[id^="videoLabel"]').vp1_html5_Video({
        skin: 'futuristicChrome',
        seekBarAdjust:255
    });
});

或向视频代码添加一个类（class="videoLabel"）并将其用作选择器

$(function() {
    $('.videoLabel').vp1_html5_Video({
        skin: 'futuristicChrome',
        seekBarAdjust:255
    });
});

Answer 2

您可以使用attribute-starts-with选择器（^=）：

$('[id^=videoLabel]').vp1_html5_Video({
    skin: 'futuristicChrome',
    seekBarAdjust:255
});

http://api.jquery.com/attribute-starts-with-selector/

但是 ，如果您可以控制HTML，最好在视频代码中添加一个类：

<video class="skinnedVideoClass" id="videoLabel4">...</video>

JS：

$('.skinnedVideoClass').vp1_html5_Video({ ... });