將代碼最小化爲單個代替單獨的功能

Question

在我的代碼中三個輸入類型=那些文件元素 css樣式綁定了輸入標籤的按鈕ID。其工作正常

//<![CDATA[ 
$(window).load(function() { 
    $('.new_Btn1').bind("click", function() { 
     $('#html_btn1').click(); 

    }); 
    $('.new_Btn2').bind("click", function() { 

     $('#html_btn2').click(); 
    }); 
    $('.new_Btn3').bind("click", function() { 

     $('#html_btn3').click(); 
    }); 
});//]]> 

我想盡量減少我的代碼作爲單一的而不是三個，我怎麼能實現？

Answer 1

爲所有按鈕設置相同的類別，例如以及將它們鏈接到它們的html_btn的數據屬性，例如，

<button class="new_Btn" data-file="html_btn1">...</button> 
<button class="new_Btn" data-file="html_btn2">...</button> 
... 

然後使用JS：

$(function() { 
    $(".new_Btn").click(function() { 
     $("#" + $(this).data('file')).click(); 
    }); 
});