JQuery循环不起作用

时间:2017-08-14 19:33:49

标签: jquery asp.net datetimepicker bootstrap-datetimepicker

我正在研究文本框上的JQuery循环,这样每当classname =" xyz"然后它需要将日期时间控制放在那里,文本框需要作为常规文本框工作,我已设置验证。我无法使用Jquery .each循环。如果我遗失了某些东西,有人可以告诉我。

data-slick="{"slidesToShow": 4}"

3 个答案:

答案 0 :(得分:1)

jquery选择器(例如$(".xyz"))返回一组元素。将方法附加到选择器时,该方法将应用于集合中的所有元素。

因此,您只需要

而不是循环
$(".xyz").datepicker();

JQuery将为您完成循环。它会

  1. 获取类xyz
  2. 的所有元素的列表
  3. 在列表中的每个元素上,运行datepicker()方法。
  4. 您需要each的唯一时间是您想要提供自己的功能,在这种情况下不需要。

答案 1 :(得分:0)

您不需要第二个类选择器。在循环内部,您已经使用“xyz”类定位每个元素。因此,只需使用“this”关键字即可执行操作。

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

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

答案 2 :(得分:0)

我已经解决了这个问题,认为将来可能对某人有所帮助。这是解决方案: 在文本框中:

<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";

使用此文本框可充当常规文本框和日期时间选择器。