javascript - 通过 JQuery UI Javascript 集成循环或通配符

Question

我通过 AJAX 调用 PHP 文件的内容，与此类似:

NEW.PHP

$output =  '<p>Date: <input type="text" id="field_1"></p>
            <p>Date: <input type="text" id="field_6"></p>
            <p>Date: <input type="text" id="field_7"></p>';

echo $output;

输入是根据用户选择的选项动态生成的。在本例中，field_1 和 field_7 将是日期选择器字段，field_6 将是标准文本框。

在我的主页中，jQuery 成功处理程序如下所示:

success: function(result){
    jQuery('#div-custom').html(result).show();                
    jQuery("#div-custom").find("#field_1,#field_7" ).datepicker({
              numberOfMonths: 3,
              showButtonPanel: true
    });
}

我遇到的问题是日期选择器字段的数量是动态的，并且字段号 field_X 可能不同。有没有办法使此 find("#field_1,#field_7") 动态或使用通配符？我可以更改我的 PHP 代码，例如，所有日期选择器字段都称为 date_X，其他字段称为 field_X。

在这种情况下，我想做一些类似 find("#date_*) 的事情，但不知道这是否可行。我对 Javascript 的了解绝对不强。

非常感谢任何帮助!

Answer 1

您应该使用 class因为您可以在多个项目上使用相同的类，这与 id 不同

<p>Date: <input type="text" class="cal" id="field_X"></p>

jQuery("#div-custom").find(".cal" ).datepicker({