jquery - 如何在 jquery 中优化我的代码？

Question

我有一个 jquery，它对 5 个按钮重复 5 次。我不擅长 Jquery，所以我想问一下如何在 1 个函数中优化我的代码？谢谢

$(function() {
    $("#frmEdit\\:idBtn1").datetimepicker({
        showOn: "both",
        buttonImage: "../../jquery/images/calendarIcon.png",
        buttonImageOnly: true,
        constrainInput: true,
        showButtonPanel: true,
        dateFormat: 'dd-M-yy    ',
        addSliderAccess: true,
        sliderAccessArgs: { touchonly: false }
    });
});
$(function() {
    $("#frmEdit\\:idBtn2").datetimepicker({
        showOn: "both",
        buttonImage: "../../jquery/images/calendarIcon.png",
        buttonImageOnly: true,
        constrainInput: true,
        showButtonPanel: true,
        dateFormat: 'dd-M-yy    ',
        addSliderAccess: true,
        sliderAccessArgs: { touchonly: false }
    });
});
..........

Answer 1

您可以使用多个选择器。 http://api.jquery.com/multiple-selector/

$("#frmEdit\\:idBtn1, #frmEdit\\:idBtn2")

如果您要选择的东西不止一些，我建议您设置一个类，并改用一个类选择器。

Answer 2

您可以简单地创建一个函数

function createDatePicker(id) {
    $("#frmEdit\\:" + id).datetimepicker({
        showOn: "both",
        buttonImage: "../../jquery/images/calendarIcon.png",
        buttonImageOnly: true,
        constrainInput: true,
        showButtonPanel: true,
        dateFormat: 'dd-M-yy    ',
        addSliderAccess: true,
        sliderAccessArgs: { touchonly: false }
    });
};

用法

createDatePicker('idBtn1');