Javascript 向jQuery数据表动态添加输入控件

首先，让我说我不是一个专业的前端（jQuery/JavaScript）开发人员。我在当前项目中使用，并在表的所有单元格（除标题外的所有行和列）中呈现引导计时器选择器控件

这是在添加控件，但时间选择器事件不起作用。我知道这不是一个好办法，但还是尝试过：）。我还使用了一些从代码中删除的数据属性来简化代码

---

我期待着在单击“添加时间”链接的同时添加输入控件的一种更好、更简洁的方法，我正在保存计时器控件更改事件的数据。

您可以使用以下语法创建新元素：

var el = $('<div>', {id: 'abc', text: 'Some text'});

---

您可以创建动态复选框，如

$('#containerId').append('<input type="checkbox" name="myCheckbox" />');

---

有关更多信息，请参见以下链接：

我认为引导程序仅初始化加载dom时存在的时间选择器

您可能需要初始化您稍后添加的内容

$('.bootstrap-timepicker').timepicker();

---

当我动态添加我想要使用的任何东西，并在某个时间点调用另一个函数时，我通常会执行如下字符串：

 var appendString = "<div class=\"FieldSelector\"onclick=\"SomeOtherFunction('" + $(this).text() + "')" + "\">" + $(this).text() + "</div>";

parent.append(el);

$('#containerId').append('<input type="checkbox" name="myCheckbox" />');

$('#containerId')
    .append(
       $(document.createElement('input')).attr({
           id:    'myCheckbox'
          ,name:  'myCheckbox'
          ,value: 'myValue'
          ,type:  'checkbox'
       })
);

$('.bootstrap-timepicker').timepicker();

 var appendString = "<div class=\"FieldSelector\"onclick=\"SomeOtherFunction('" + $(this).text() + "')" + "\">" + $(this).text() + "</div>";

SomeOtherFunction(valueIamPassingIn)
{
    //Do Something
}