Javascript 将脚本应用于具有唯一id的多个视频标记'；s

我有一个脚本，它将皮肤应用于id为“videoLabel1”的视频标记

---

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

使用带开头的选择器

或者在视频标签中添加一个类（

class=“videoLabel”

），并将其用作选择器

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

---

您将使用以选择器（

^=

）开头的

属性：


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

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

出于某种原因，class选项不起作用。我确实试过了。我怀疑主Javascript（我没有足够的信心尝试和更改）希望视频标签有一个id。但是，属性以选择器开始似乎工作得很好，非常感谢你们两位花时间帮助我。你们可以同时有一个id和一个类。这应该会让你的主要JavaScript和这篇文章都感到高兴。@JeffB-
$（'id^=videoLabel]'）
应该是
$（'id^=“videoLabel”]'）
，围绕搜索内容使用引号。@SolomonClosson:根据文档和我的经验，引号是可选的。只有当搜索字符串不是单个单词时，才需要它们。从文档：
值：属性值。可以是一个不带引号的单词，也可以是带引号的字符串。
@SolomonClosson:但该规范与您相矛盾。在这里效果很好：您选择带有
id=“videoLabelX”
的视频标签有具体原因吗？如果没有，一个更干净的选择可能是向所有视频标签添加一个类，即
class=“video tags”
，然后选择该类。
$(function() {
    $('.videoLabel').vp1_html5_Video({
        skin: 'futuristicChrome',
        seekBarAdjust:255
    });
});

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

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

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