为事件分配多个ID

时间:2010-10-14 04:01:39

标签: jquery

我有一个表格,我有各种时间段的多个文本输入,每个时间段都有一个我正在使用的其他代码的唯一ID设置。我也试图使用一个时间输入脚本,它有一个简单的单行代码来实现,但由于我有28个不同的字段都有不同的ID,这将快速重复。有没有办法在jquery代码中引用跨多个ID引用相同的函数而不重复键入?

示例:

HTML

<input id="M_start_time1" />
<input id="M_end_time1" />
<input id="M_start_time2" />
<input id="M_end_time2" />

jquery的

$('#M_start_time1').timeEntry({
    ampmPrefix: ' ',
});
$('#M_end_time1').timeEntry({
    ampmPrefix: ' ',
});
$('#M_start_time2').timeEntry({
    ampmPrefix: ' ',
});
$('#M_end_time2').timeEntry({
    ampmPrefix: ' ',
});

非常感谢任何建议! :)

3 个答案:

答案 0 :(得分:12)

如果您仍想为事件分配多个ID,可以使用:

$('#M_start_time1, #M_end_time1, #M_start_time2, #M_end_time2').timeEntry({
    ampmPrefix: ' ',
});

答案 1 :(得分:5)

为您的input字段提供一个公共类:

<input id="M_start_time1" class="something" />
<input id="M_end_time1" class="something" />

并使用单个类选择器完成所有工作:

$('.something').timeEntry({
    ampmPrefix: ' ',
});

答案 2 :(得分:4)

如果您感兴趣的id感兴趣的话,您可以使用 jQuery starts with attribute selector id input你开始对此不感兴趣:

$('input[id^=M_]').timeEntry({
    ampmPrefix: ' '
});

Try out the starts with attribute selector with this jsFiddle