Javascript 传递函数的动态id

我正在创建具有动态id的动态文本框。现在我想将动态文本框更改为时间选择下拉列表。我更改了脚本，但出现了错误，好像没有定义id。 这是我的密码：

<div>
            <input class="btn btn-info" onclick="addtextbox()" type="button" value="Add">
        </div>

var计数=0；
函数addtextbox（）{
计数++；
var newTextBoxDiv=document.createElement（'div'）；
newTextBoxDiv.id='Tools'；
document.getElementById（“ToolsGroup”）.appendChild（newTextBoxDiv）；
newTextBoxDiv.innerHTML='Starttime'+
“结束时间”+
'  '
控制台日志（“Iam计数”，计数）；
};
函数removeTextArea（inputElement）{
var el=输入元素；
而（el.tagName！=“DIV”）el=el.parentElement；
el.parentElement.removeChild（el）；
计数--；
}

我的时间选择器脚本是

<script>
        $(document).ready(function () {
            $('#starttime'+count).timepicker({
                timeFormat: 'HH:mm',
                interval: 30,
                use24hours: true,
                scrollbar: true,
            });
        });
    </script>

$（文档）.ready（函数（）{
$（“#开始时间”+计数）。时间选择器({
时间格式：“HH:mm”，
间隔时间:30,，
使用24小时：正确，
滚动条：对，
});
});

---

这里我需要的是，当我单击“添加”按钮时，将创建两个文本框，当我单击文本框时，它应以30分钟为间隔显示时间，以24小时格式显示，因为当页面完成加载时，

my time picker script

run and variable

count=0

=>render function

timepicker

for

id=starttime0

并且没有任何名为

starttime0

---

单击“添加”按钮时，函数

我的时间选择器脚本

不重新渲染，然后对于

id=starttime1,2,3….

不使用增量

id

属性的操作创建函数

时间选择器

。这是一种反模式。给它们所有相同的

类

，然后在该类上实例化

timepicker（）

class@RoryMcCrossan，我该如何利用课堂来完成时间选择功能。我应该使用“`”（.class name”）.timepicker（{}）。

<script>
        $(document).ready(function () {
            $('#starttime'+count).timepicker({
                timeFormat: 'HH:mm',
                interval: 30,
                use24hours: true,
                scrollbar: true,
            });
        });
    </script>