jquery - 将代码最小化为单个而不是单独的函数

Question

在我的代码中，三个输入 type=file 元素 css样式与输入标签的按钮id绑定(bind)。工作正常

//<![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

为所有按钮指定相同的类，例如class="new_Btn"，以及将它们链接到 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();
    });
});