Hola tengo este codigo de JQuery
$(document).ready(function() { //00 $("#videoLeccion_00_1").on("click", function() { $("#video").attr("src", "assets/sistema_serna2/SISTEMA SERNA_I/VIDEOS/Nivel_00/00/01_SS_Escuchar_SOL_00.webm"); }); $("#videoLeccion_00_2").on("click", function() { $("#video").attr("src", "assets/sistema_serna2/SISTEMA SERNA_I/VIDEOS/Nivel_00/00/02_SS_Cantar_SOL_00.webm"); }); $("#videoLeccion_00_3").on("click", function() { $("#video").attr("src", "assets/sistema_serna2/SISTEMA SERNA_I/VIDEOS/Nivel_00/00/03_SS_Escuchar_FA_00.webm"); }); $("#videoLeccion_00_4").on("click", function() { $("#video").attr("src", "assets/sistema_serna2/SISTEMA SERNA_I/VIDEOS/Nivel_00/00/04_SS_Cantar_FA_00.webm"); }); $("#videoLeccion_00_5").on("click", function() { $("#video").attr("src", "assets/sistema_serna2/SISTEMA SERNA_I/VIDEOS/Nivel_00/00/05_SS_Escuchar _SOL y FA_00.webm"); }); $("#videoLeccion_00_6").on("click", function() { $("#video").attr("src", "assets/sistema_serna2/SISTEMA SERNA_I/VIDEOS/Nivel_00/00/06_SS_Cantar _SOL y FA_00.webm"); }); //00_a $("#videoLeccion_0a_1").on("click", function() { $("#video").attr("src", "assets/sistema_serna2/SISTEMA SERNA_I/VIDEOS/Nivel_00/00_a/01_SS_Escuchar_SOL_00_a.webm"); }); $("#videoLeccion_0a_2").on("click", function() { $("#video").attr("src", "assets/sistema_serna2/SISTEMA SERNA_I/VIDEOS/Nivel_00/00_a/02_SS_Cantar_SOL_00_a.webm"); }); $("#videoLeccion_0a_3").on("click", function() { $("#video").attr("src", "assets/sistema_serna2/SISTEMA SERNA_I/VIDEOS/Nivel_00/00_a/03_SS_Escuchar_FA_00_a.webm"); });
Notese que cambia el path en cada repetición
Como pueden ver es el mismo código pero se repite muchas veces, cada ID es un elemento li en un navbar
<li class="dropdown-item dropdown"><a class="dropdown-toggle" id="dropdown1-1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">00</a><ul class="dropdown-menu" aria-labelledby="dropdown1-1"><li class="dropdown-item" href="#"><a id="videoLeccion_00_1">Video 1</a></li><li class="dropdown-item" href="#"><a id="videoLeccion_00_2">Video 2</a></li><li class="dropdown-item" href="#"><a id="videoLeccion_00_3">Video 3</a></li><li class="dropdown-item" href="#"><a id="videoLeccion_00_4">Video 4</a></li><li class="dropdown-item" href="#"><a id="videoLeccion_00_5">Video 5</a></li><li class="dropdown-item" href="#"><a id="videoLeccion_00_6">Video 6</a></li></ul></li>
¿Como podría simplificarlo? Podría usar Angular TypeScript EcmaScript 6 o algo así ?