如何更改 javascript 函数以定位所有后跟数字的 ID

Question

我正在构建一个使用 bootstrap 模态中包含的视频的网站。

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

代码如下：

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

我想知道是否可以通过某种方式更改此 javascript 以定位任何以 ID 'smallVideoModal' 开头后跟数字的模态？我不喜欢为每个模态重复相同的 javascript。

Answer 1

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

如何更改 javascript 函数以定位所有后跟数字的 ID

How to change a javascript function to target all ID's followed by a number

javascript

jquery

modal-dialog

html5-video

twitter-bootstrap