Javascript 为每个id（id_name1、id_name2、id_name3等）动态生成函数

我有一个日期选择器，希望将其附加到具有动态生成ID的元素。第一个元素的ID为

recall\u input\u 1

，第二个元素的ID为

recall\u input\u 2

，

recall\u input\u 3

，依此类推

单个元素的当前脚本如下所示：

$('#recall_input_2').datetimepicker({
  formatTime:'H:i',    
  format:'d.m.Y H:i',
  lang:'de',
});

<td class="edit_td">
   <span id="recall_<?php echo $id; ?>" class="text">
<?php echo           $recall; ?></span> 
<input type="text" value="<?php echo $recall; ?>" 
class="editbox recall_input" id="recall_input_<?php echo $id; ?>"/>
</td>



$('.recall_input').datetimepicker({
formatTime:'H:i',    
format:'d.m.Y H:i',
lang:'de',
});

元素的HTML如下所示：

<td class="edit_td">
  <span id="recall_<?php echo $id; ?>" class="text">
    <?php echo $recall; ?>
  </span>
  <input type="text" value="<?php echo $recall; ?>" class="editbox" id="recall_input_<?php echo $id; ?>"/>
</td>

改用类名作为选择器：

$('.editbox').datetimepicker({
    formatTime:'H:i',    
    format:'d.m.Y H:i',
    lang:'de',
});

对循环使用
并生成选择器：

for (var i=0; i<n; i++){
    $('#recall_input_' + i).datetimepicker(options);
}

for（var i=0；i试试这个

for (var i = 1; i <= 4; i++) {
    $('#recall_input_' + i).datetimepicker({
        formatTime:'H:i',    
        format:'d.m.Y H:i',
        lang:'de'
    });
}

for（var i=1；i为它们提供相同的类，然后按类名绑定日期选择器，如下所示：

$('#recall_input_2').datetimepicker({
  formatTime:'H:i',    
  format:'d.m.Y H:i',
  lang:'de',
});

<td class="edit_td">
   <span id="recall_<?php echo $id; ?>" class="text">
<?php echo           $recall; ?></span> 
<input type="text" value="<?php echo $recall; ?>" 
class="editbox recall_input" id="recall_input_<?php echo $id; ?>"/>
</td>



$('.recall_input').datetimepicker({
formatTime:'H:i',    
format:'d.m.Y H:i',
lang:'de',
});


您可以不使用
ids
而将所有输入设置为同一类，例如
datepicker
，然后您就可以这样做了

$('.datepicker').datetimepicker({
   formatTime:'H:i',    
   format:'d.m.Y H:i',
   lang:'de',
});