Question

I have a form where I’ve got multiple text inputs for various timefields, each with a unique ID set for some other code that I’m using. I’m also trying to use a time entry script that has a simple single line bit of code to implement, but as I have 28 different fields all with different IDs, this is going to get repetitve fast. Is there a way to reference in the jquery code to reference the same function across multiple IDs without duplicating the typing?

example:

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: ' ',
});

Any suggestions are greatly appreciated! 🙂

Answer 1

You could use the jQuery starts with attribute selector if all your ids of interest start with something, and none of the ids of inputs you’re not interested in start with that:

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

Try out the starts with attribute selector with this jsFiddle