如何更改JavaScript函数以所有ID后面跟数字为目标

Question

我正在建立一个使用引导程序模态中包含的视频的网站。

我有这段代码可以在用户打开模式时自动播放视频，然后在用户关闭时暂停视频。一页上有多种视频模式，每个模式都有自己的ID。

代码如下：

$('#smallVideoModal1').on('shown.bs.modal', function () {
  $('#video1')[0].play();
})
$('#smallVideoModal1').on('hidden.bs.modal', function () {
  $('#video1')[0].pause();
})

我想知道是否可以通过某种方式更改此javascript，以定位以“ smallVideoModal” ID和数字开头的任何模式？我不喜欢为每个模式重复使用同一段JavaScript的想法。

Answer 1

在您的上下文中使用.querySelector('video')（this或其他）