jQuery Datepicker入力フィールドにIDを動的に追加する方法

Question

datepickerを使用する複数の入力フィールドを持つフォームがあります。私はちょうどそれらのIDを作成し、これはうまくいったが、今は同じページに複数のフォームが表示されているインスタンスで使用する必要があります。

"datepicker"のクラスを持つ任意の要素にIDを動的に追加し、これらの要素に対してdatepickerを動作させるjQuery関数を作成する方法はありますか？

何かのように：

$('.datepicker').append('ID','datepicker + (1)'); 
$("#datepicker + (1)").datepicker(); 

私は、これは実際には動作しません知っているが、私はそれが+（1）IDの番号をサフィックス、説明する最も簡単な方法だと思いました。

静的要素の私の現在のコードは、このように動作します。

$("#datepicker").datepicker(); 
$("#datepicker01").datepicker(); 
$("#datepicker02").datepicker(); 
$("#datepicker03").datepicker(); 
$("#datepicker04").datepicker(); 
$("#datepicker05").datepicker(); 
$("#datepicker06").datepicker(); 

助けてくれてありがとう、歓声:)

Answer 1

あなたはちょうどこれを一度にすべてをバインドすることができ、すべてのIDを必要としませんなぜそれらのほとんどが次のように見えるのですか？

return this.each(function() { ... }); 

の中にはどうしてですか？あなたには、いくつかの他の目的のためにIDを必要に応じて

その後、あなただけのこの操作を行うことができます：

$('.datepicker').each(function(i) { 
    this.id = 'datepicker' + i; 
}).datepicker(); 

デモ（IDを確認するために、あなたのDOMインスペクタを使用する）：http://jsfiddle.net/ambiguous/6zfEY/

Answer 2

$(function(){ 
    $('.datepicker').each(function(i){ 
     $(this).attr('id', $(this).attr('class')+parseInt(i+1)); 
    }); 

    // You can call like 
    $("#datepicker1").datepicker(); 
    $("#datepicker2").datepicker(); 
    $("#datepicker3").datepicker(); 
}); 

が、私はあなたがとにかく、idを追加する必要はありませんだと思います。

が

$('.datepicker').datepicker(); 

デモ：http://jsfiddle.net/ambiguous/ua4bc/

ほとんどのプラグインは、一度に複数の要素と結合することができるが、それはだ

Answer 3

こんにちは私は、これは使用して結合しようとしました春のMVC 3.0と... それは素晴らしい作品！私は、スクリプト

<script type="text/javascript"> 
    $(function(){ 
    $(".datepicker").datepicker({ dateFormat:"dd/mm/yy" }); 
    }); 
</script> 

を持っているし、その後、私の場合には、JSPやJSTLと協力して、私はdinamically作成された私の要素にJQueryPickerを結合することができた、とここにあなたが見るならば、コードの一部でありますなぜなら私はもっと多くのことに取り組んでいるからですが、その考えは同じです：

<c:when test="${fieldVar.type == 'DATE'}"> 
    <td><form:input path="fieldWrapperElements[${status.index}].dateValue"class="datepicker"/></td> 
</c:when>