JQuery - Reusing defined element

Question

I have an element that is repetitive. I tried to use it more than once but couldn't. I end up doing multiple times.

$(function(){
   $('#schstart1').datepicker({
      format: 'mm-dd-yyyy',
      startDate: '01-01-1900'
    });  
    $('#schend1').datepicker({
      format: 'mm-dd-yyyy',
      startDate: '01-01-1900'
    });  
    $('#schstart2').datepicker({
      format: 'mm-dd-yyyy',
      startDate: '01-01-1900'
    });  
....
...
..

Is there anyway i can define #schstart only and reuse many times?

Use class instead. Add class needDatepicker to each element, then use `$(".needDatepicker").datepicker({...})` — wander, Oct 01 '14 at 01:37
Eh that works man! U should put in the answer section so i can tick it — OneNation, Oct 01 '14 at 01:42

score 0 · Answer 1 · answered Oct 01 '14 at 01:34

0

This should work the same (just modify selector):

$('#schstart1, #schend1, #schstart2').datepicker({
  format: 'mm-dd-yyyy',
  startDate: '01-01-1900'
});

answered Oct 01 '14 at 01:34

Anarion

1,048
6
16

Do i need to define the selectors? Is there any way I can use #schstart only for more than 1 input field? – OneNation Oct 01 '14 at 01:35

score 0 · Accepted Answer · answered Oct 01 '14 at 01:43

0

Use class instead. Add class needDatepicker to each element, then use

$(".needDatepicker").datepicker({...})

answered Oct 01 '14 at 01:43

wander

937
1
7
15

score 0 · Answer 3 · edited May 23 '17 at 12:27

Define it as a variable starting with $, call it whatever you like. It now represents a jQuery object and is saved as a variable so you can use it over and over without referencing it again to save memory.

var $schstart1 = $('#schstart1');

$schstart1.datepicker({
    format: 'mm-dd-yyyy',
    startDate: '01-01-1900'
});
$schstart1.datepicker({
    format: 'mm-dd-yyyy',
    startDate: '01-01-1900'
});

Check out this good answer HERE if you'd like to learn more about jQuery object variables and how they work.

JQuery - Reusing defined element

3 Answers3