Question

我有一个重复的元素。我尝试不止一次使用它但不能。我最后做了好几次。

$(function(){
   $('#schstart1').datepicker({
      format: 'mm-dd-yyyy',
      startDate: '01-01-1900'
    });  
    $('#schend1').datepicker({
      format: 'mm-dd-yyyy',
      startDate: '01-01-1900'
    });  
    $('#schstart2').datepicker({
      format: 'mm-dd-yyyy',
      startDate: '01-01-1900'
    });  
....
...
..

无论如何我只能定义#schstart并重复使用多次？

Answer 1

这应该是相同的（只需修改选择器）：

$('#schstart1, #schend1, #schstart2').datepicker({
  format: 'mm-dd-yyyy',
  startDate: '01-01-1900'
});

Answer 2

改用class。将class needsDatepicker添加到每个元素，然后使用

$(".needDatepicker").datepicker({...})

Answer 3

将其定义为以$开头的变量，随意调用它。它现在代表一个jQuery对象并保存为变量，因此您可以反复使用它而无需再次引用它来节省内存。

var $schstart1 = $('#schstart1');

$schstart1.datepicker({
    format: 'mm-dd-yyyy',
    startDate: '01-01-1900'
});
$schstart1.datepicker({
    format: 'mm-dd-yyyy',
    startDate: '01-01-1900'
});

如果您想了解有关jQuery对象变量及其工作原理的更多信息，请查看这个好答案HERE。

JQuery - 重用已定义的元素

3 个答案: