Question

在我的代码中有三个输入类型=文件元素 css样式与输入标记的按钮id绑定。工作正常

//&lt;![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();
    });
});//]]&gt;

我希望将我的代码最小化为单个而不是三个，我可以实现的目标？

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

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

1 个答案: