如何让我的脚本可以与数组一起工作？

Question

这个Javascript控件的前进和后退按钮的Monial Content框向前或向后移动，但它只适用于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"); 
    }); 
}