2014-10-01 57 views
1

我有一個重複的元素。我試過不止一次地使用它,但不能。我最終做了很多次。JQuery - 重用定義的元素

$(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' 
    }); 
.... 
... 
.. 

是否有反正我可以定義#schstart而且重複使用很多次?

+0

改爲使用class。將類needDatepicker添加到每個元素,然後使用'$(「。needDatepicker」)。datepicker({...})' – wander 2014-10-01 01:37:57

+0

呃那個有效的人! U應放在答案部分,以便我可以勾選 – OneNation 2014-10-01 01:42:59

回答

0

使用類來代替。類needDatepicker添加到每個元素,然後用

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

0

這應該工作一樣(只是修改選擇):

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

我是否需要定義選擇器? 有沒有什麼方法可以使用#schstart僅適用於多個輸入字段? – OneNation 2014-10-01 01:35:22

0

$把它定義爲一個變量出發,叫它任何你喜歡的。它現在代表一個jQuery對象並保存爲一個變量,因此您可以一遍又一遍地使用它,而不必再次引用它來節省內存。

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

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

退房這個好答案HERE如果您想了解更多關於jQuery對象變量,以及它們如何工作。

+0

謝謝!但我認爲這個班對我很好 – OneNation 2014-10-01 02:07:28