javascript - 将脚本应用于具有唯一 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 标签中添加一个类：

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

JS：

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