Tengo 2 elementos de video en una página que se mostrarán o no según el tamaño de la ventana gráfica. Cada uno de estos tendrá su propio botón de reproducción que activa una serie de funciones que utilizan un índice para apuntar a un jugador específico. Me pregunto si hay una mejor manera de iterar a través de los botones de reproducción y luego aplicar el índice correcto.
$(window).resize(function () { if ($(this).width() > 768) { $(".toggle-1").on("click", function () { playPause(0); anotherFun(0) }); } else { $(".toggle-2").on("click", function () { playPause(1); evenMoreFun(1) }); } }); function playPause(index) { // player[index].togglePlay(); } function anotherFun(index) { // code[index] // more stuff } function evenMoreFun(index) { // code[index] // more stuff }Use ID s en lugar de índices:
$(window).resize(function () { if ($(this).width() > 768) { $(".toggle-1").on("click", function () { playPause("vid1"); anotherFun("vid1") }); } else { $(".toggle-2").on("click", function () { playPause("vid2"); evenMoreFun("vid2") }); } }); function playPause(id) { const element = document.getElementByID(id) element.togglePay() } function anotherFun(id) { const element = document.getElementByID(id) // do stuff on element } function evenMoreFun(id) { const element = document.getElementByID(id) // do stuff on element } Solo asegúrese de pasar la ID como una cadena en su playPause y anotherFun