将代码最小化为单个代替单独的功能

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