如何为不同的 jquery div 函数添加通用按钮

Question

我正在尝试创建一个用户定义的进度条，用于使用 jquery 在 html 中播放不同的视频。我必须为所有视频创建相同的下一个，上一个播放按钮。每个视频都包含在一个div中。每个div 都包含某种 css 动画。每当我们播放每个视频时，所有动画都应该工作。如果有人之前做过这个项目，请帮助。

$(".wrapper-all .wrapper-inner .content2 .content-inner-wrapper .content2-inner button").click(function() {
  $(".videoo1").get(0).pause();
  $(".wrapper-all .wrapper-inner .content2").hide();
  $(".wrapper-all .wrapper-inner .content3").show();
  $(".videoo2").get(0).play();
  $(".wrapper-all .wrapper-inner .content3 .content-inner-wrapper").show();
  setTimeout(function() {
    $("#c3-anim1").addClass("slide-in-right");
  }, 4000);
});

Answer 1

我不确定它是否有效，但您可以在div 类上创建一个事件列表器，而不是创建不同的按钮。单击任何按钮时生成随机 ID，并将该 ID 绑定到当前div。使用该ID，您可以访问和控制该视频的按钮，即播放，暂停，下一个等。如果点击了其他视频，您可以删除 ID 属性，或者可以使用 ID 检查 ID 是否可用，否则会生成一个新视频。如果不能解决您的问题，我希望这会给您一些想法。谢谢！