JQueryのループが機能しない

Question

私は、classname = "xyz"のときにdatetimeコントロールを置く必要があるときはいつも、テキストボックスは、私がバリデーションを設定した通常のテキストボックスとして動作する必要があるというテキストボックスのJQueryループを作成しています。私はJqueryを使用してループを繰り返しています。私は何かが欠けている場合誰かが私に知らせることはできますか？

<script> 
    $(".xyz").each(function() { 

     if ($(this).hasClass('xyz')) { 
      $(".xyz").datepicker(); 
     }}) 
</script> 

<asp:TextBox ID="txt" runat="server" CssClass="xyz"></asp:TextBox> 

Answer 1

セカンドクラスセレクタは不要です。ループの内部では、既に各要素を "xyz"クラスでターゲッティングしています。したがって、単に "this"キーワードを使用して操作を実行してください。

<script> 
    $(".xyz").each(function() { 
     $(this).datepicker(); 
    }); 
</script> 

<asp:TextBox ID="txt" runat="server" CssClass="xyz"></asp:TextBox> 

Answer 2

jqueryセレクタ（$(".xyz")など）は要素のセットを返します。セレクタにメソッドを追加すると、このメソッドはセット内のすべての要素に適用されます。

は、だからではなく、ループの、あなただけの

$(".xyz").datepicker(); 

jQueryのは、あなたのためのループを行います必要があります。それは

1. は、リスト内の各要素に対してxyz
2. のクラスを持つすべての要素のリストを取得します、datepicker()方法を実行します。

唯一の時間eachは、この場合には必要ない独自の機能を提供する場合です。

Answer 3

私はこの問題を解決しましたが、今後誰かにとって役立つかもしれないと考えました。ここでは解決策があります：テキストボックス内 ：

<asp:TextBox ID="abc" runat="server" CssClass="f-c"></asp:TextBox> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(".ee").each(function() { 
      if ($(this).hasClass('ee')) { 
       //alert($(".ee").length) 
       $(this).datepicker(); 
      } 

     }) 
    }); 
</script> 

コードの背後にある：

abc.CssClass = abc.CssClass + "ee"; 

両方の定期的なテキストボックスや日時ピッカーなど、このテキストボックスの行為を使用します。