调用JQuery函数来影响多个div而不是一次

时间:2014-08-19 15:37:58

标签: jquery html

最简单的方法是展示示例和链接。底线 - 我将拥有这些输入的TONS,并希望为每个输入调用时间选择器功能,而无需为每个div id编写函数。

JSFiddle

我现在要做的是:

  $(function () {
      $('#timei1-1').datetimepicker({
          pickDate: false,
          pickSeconds: true
      });
  });

  $(function () {
      $('#timeo1-1').datetimepicker({
          pickDate: false,
          pickSeconds: true
      });
  });

我希望做什么......像这样在多个div上调用函数:

  $(function () {
      $('#timei1-1' || '#timeo1-1').datetimepicker({
          pickDate: false,
          pickSeconds: true
      });
  });

该方法目前不起作用 - 它只获得第一个输入。我确信这里有一些我很想念的东西。请帮助:)

2 个答案:

答案 0 :(得分:3)

给他们所有的课,并使用:

$(".timepick").datetimepicker({
    pickDate: false,
    pickSeconds: true
});

如果您确实要列出多个ID,请用逗号分隔:

$("#timei1-1, #timeo1-1").datetimepicker({
    pickDate: false,
    pickSeconds: true
});

答案 1 :(得分:2)

我认为最好的方法是为所需的所有输入元素添加一个类(如dateTimePicker或其他)。您只需要使用jQuery:

$(function () {
    $('.dateTimePicker').datetimepicker({
        pickDate: false,
        pickSeconds: true
    });
});

选择器将看到类dateTimePicker

的所有元素