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

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

- GibboK

Answer 1

只需使用逗号分隔选择器：

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

在 jQuery 文档中，它被称为多重选择器。

- VisioN

---

我可以请你解释一下吗？在我的代码中，元素是用逗号分隔的，但它不起作用。您的版本运行得很好。使用''不好吗？ - GibboK

哇，仅用一分钟的简单jQuery选择器就获得了7个赞。干得好，哈哈 :) - AlienWebguy

@GibboK $("#element1, #element2") 不同于 $("#element1", "#element2")。后者等同于 $("#element2").find("#element1")。 - VisioN

哈哈，是的，2008年的问题被投了很多票。顺便点个赞 ;) - AlienWebguy

@AlienWebguy 是的，大多数热门问题已经有了答案。所以现在要得到真正高质量的答案几乎是不可能的。希望这个答案将来也能有1000个赞 :D - VisioN

Answer 2

将一个类分配给两个元素，例如“datepickerclass”，然后使用以下代码：$('.datepickerclass').datetimepicker({ addSliderAccess: true, sliderAccessArgs: { touchonly: false } });
这样，您可以将日期选择器附加到任意数量的元素上。

- asifsid88