如何讓我的腳本可以與數組一起工作？

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"); 
    }); 
}