jQueryを使用してidで動的にdatepickerを追加する方法

Question

jQuery 1.4.4を使用しています。idによって動的にdatepickerを追加しようとしています。コードは次のとおりです。

$(function() { 
    $('#ListTableBody').find('input[id^="PickDate."]').each(function() { 
     alert(this.id); 
     $(this.id).datepicker(); 
    }); 
}); 

私は動的にIDを動的に生成するテーブルを使用しています。上記のコードはIDのそれぞれを見つけ、アラートを使って検証しました。私がループすると、this.idは正しいIDと入力を持っていることを示していますが、何らかの理由でdatepickerが機能しません。また、私は間違いを起こさない。

私がここで間違っていることは何ですか？

Answer 1

はこれを試してみてください。

$('#ListTableBody').find('input[id^="PickDate."]').each(function() {     
    $(this).datepicker(); 
}); 

id属性を取得する必要はありません。thisをjQueryオブジェクトim中位

Answer 2

あなたはそれのためのIDを使用する場合は、このような何かをする必要があるでしょう：

$("#"+this.id).datepicker(); 

しかし、それだけで行うには非常に簡単です：

$(this).datepicker(); 

Answer 3

は、あなたがdatepickerとして使用する必要がある各コントロールに同じクラスを入れることができます。

<script> 
     $(function() { 
      $('.class').datepicker(); 
     }); 

    </script> 

Answer 4

代わりにクラスを使用します。 IDはドキュメントごとに1回のみ使用されるはずで、IDセレクタにeach()を適用しているということは、ページに複数のインスタンスが存在する可能性があることを示しています。

代わりに、.datepickerなどのわかりやすいクラス名を選択します。

$(document).ready(function() { 
    $('input.datepicker').datepicker(); 
}); 

each()ループの必要性を全くあなたが何かをやっていない場合：利点は、あなたが、あなたのページに複数のを持っていないことができ、また、そのようなような式でそれらにdatepickersを初期化することができます。のような特定の領域内の入力に日付ピッカーを制限したい場合は（クラス名の使用を助言しますので、希望すれば複数のページを持つことができます）、セレクタを変更してください：

$(document).ready(function() { 
    $('#ListTableBody').find('input.datepicker').datepicker(); 
});