Passing an array value into the jQuery selector method?

Question

At the moment in my JS I statically define which input ID's I want to associate my datepicker script with.

Like so:

$('datepicker1').glDatePicker();

However to make this dynamic I have refactored this into a for loop so that for multiple fields that need a datepicker I can call them in that loop.

dateArray[y] =  "datePicker" + i;
//out of loop scope

for (i = 0; i < dateArray.length; i++)
    {
        $(dateArray[i]).glDatePicker();

    }

It does not seem to work , I have checked that there are values in the array by printing the values to the log.

Is this a limitation of jQuery?

Thanks

You can avoid loops, and make a simple single call (see my answer). — Jose Rui Santos
– Jose Rui Santos, Commented Feb 8, 2013 at 10:58

Anton · Accepted Answer · 2013-02-08 10:36:39Z

3

You need to set it as an id with "#"

 $("#" + dateArray[i]).glDatePicker();

answered Feb 8, 2013 at 10:36

Anton

32.6k5 gold badges47 silver badges54 bronze badges

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

1 Comment

THanks, cant believe I missed that

bipen · Accepted Answer · 2013-02-08 10:37:47Z

1

which input ID's I want to associate my datepicker script with.

i think you missed the id selector

$('#'+ dateArray[i]).glDatePicker();
---^---here

answered Feb 8, 2013 at 10:37

bipen

36.6k9 gold badges51 silver badges62 bronze badges

Jose Rui Santos · Accepted Answer · 2013-02-08 10:55:06Z

1

It is better to make a single jQuery call to glDatePicker(), by concatenating all ids into a string

var allIds = '';
for (i = 0; i < dateArray.length; i++) {
  allIds += '#' + dateArray[i] + ',';
}
$(allIds).glDatePicker();

Or even better, put a class to all those fields, and simply call

$(".datepicker").glDatePicker();

There is still another single call solution (assuming all your ids start with "datePicker"):

$('[id^="datePicker"]').glDatePicker(); // selects all elements that have id starting with datePicker

answered Feb 8, 2013 at 10:41

Jose Rui Santos

15.3k9 gold badges61 silver badges74 bronze badges