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');

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

2 个答案: