jQuery: Use the same function for multiple ids

Question

i'm using this

jQuery('#mydiv').datetimepicker({ ... });

How can i use this function for more than just one ID?

Thought something like this should do the job but it doesn't :(

jQuery('#mydiv','#anotherdiv).datetimepicker({ ... });
jQuery('#mydiv|#anotherdiv).datetimepicker({ ... });

Any ideas? Thanks!

give your divs a common class, then $('.myclass').datetimepicker... — James
– James, Commented May 5, 2017 at 21:46
JQuery ('#result, #mydiv') jQuery nesnesi bölme sözdizimi ... — Haydar C.
– Haydar C., Commented May 6, 2017 at 1:14

Barmar · Accepted Answer · 2017-05-05 22:27:36Z

2

Use a single argument with the IDs separated with commas, not separate arguments.

jQuery('#mydiv,#anotherdiv').datetimepicker({ ... });

answered May 5, 2017 at 22:27

Barmar

789k57 gold badges555 silver badges669 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Simon · Accepted Answer · 2017-05-05 21:46:59Z

0

Give the respective Divs a class name, then reference them like this:

jQuery('.className').datetimepicker({ ... });

answered May 5, 2017 at 21:46

Simon

7844 silver badges8 bronze badges

RToyo · Accepted Answer · 2017-05-05 21:50:49Z

0

A common class would be the best solution, as @simon suggested.

If you absolutely need to use IDs (eg you can only modify the JS, and not the DOM), you can loop through an array of IDs:

$.each(['mydiv', 'anotherdiv'], function (index, value)
{
    $.('#' + value).datepicker({ ... });
}

answered May 5, 2017 at 21:50

RToyo

2,8771 gold badge18 silver badges25 bronze badges