javascript - 如何将函数应用于两个元素？

Question

我有两个元素#DateTimeStart，#DateTimeEnd我想同时应用我 datetimepicker的两个元素。

使用此代码，我无法获得结果..知道我在这里做错了什么吗？

$(document).ready(function () {
    // This does not work
    $('#DateTimeStart', '#DateTimeEnd').datetimepicker({
        addSliderAccess: true,
        sliderAccessArgs: { touchonly: false }
    });
});

我想要实现的目标是，但代码更少

// This code works
$(document).ready(function () {
    $('#DateTimeStart').datetimepicker({
        addSliderAccess: true,
        sliderAccessArgs: { touchonly: false }
    });  
    $('#DateTimeEnd').datetimepicker({
        addSliderAccess: true,
        sliderAccessArgs: { touchonly: false }
    });
});

Answer 1

只需用逗号分隔选择器：

$("#DateTimeStart, #DateTimeEnd").datetimepicker({
    addSliderAccess: true,
    sliderAccessArgs: { touchonly: false }
});

在 jQuery 文档中，它被称为Multiple Selector。

Answer 2

为两个元素分配一个类，比如“datepickerclass”，然后使用下面的代码 $('.datepickerclass').datetimepicker({ addSliderAccess: true, sliderAccessArgs: { touchonly: false } });
这样你就可以有任意数量的元素附加了 datepicker