javascript - 如何使我的脚本与数组一起使用？

Question

这个 Javascript 控制一个带有前进和后退按钮的 Monial 内容框来向前或向后移动，但它只适用于 2 个 DIV，我怎样才能使这个脚本与数组一起工作，以便我可以添加更多元素？

例如

当前脚本图

脚本代码

   $(document).ready(function(e) {
   showQuote();
   $(".left").click(function(e) {
      $("#monial_btn_1").trigger("click"); 
   });
   $(".right").click(function(e) {
      $("#monial_btn_2").trigger("click");
   });


   $("#monial_btn_1").click(function(e) {
       $(".monial_content_1").fadeIn("fast");
       $(".monial_content_2").fadeOut("fast");
       var obj=$(this);
       obj.removeClass();
       obj.addClass("monial_btn_selected");

       obj=$("#monial_btn_2");
       obj.removeClass();
       obj.addClass("monial_btn");
   });

   $("#monial_btn_2").click(function(e) {
       $(".monial_content_1").fadeOut("fast");
       $(".monial_content_2").fadeIn("fast");
       var obj=$(this);
       obj.removeClass();
       obj.addClass("monial_btn_selected");

       obj=$("#monial_btn_1");
       obj.removeClass();
       obj.addClass("monial_btn");
   });

Answer 1

var n = 10
for(i = 1; i < n; i++) {
   $("#monial_btn_" + i).click(function(e) {
       $(".monial_content_" + i).fadeIn("fast");
       $(".monial_content_" + (i + 1)).fadeOut("fast");
       var obj=$(this);
       obj.removeClass();
       obj.addClass("monial_btn_selected");

       obj=$("#monial_btn_" + (i + 1));
       obj.removeClass();
       obj.addClass("monial_btn");
   });
}