Javascript 将jquery日期选择器绑定到动态行文本字段

在HTML表中，有一个文本字段，我已将Jquery datepicker控件绑定到该字段：

$("#CreatedOnValue").datepicker();

它很好用。该表是动态的，用户可以通过单击每行旁边的“添加”按钮添加任意多的行。我正在尝试将datepicker控件绑定到动态行，但它不起作用。以下是用户单击“行添加”按钮时执行的函数：

function addGroupRow(e) {
var rowId = e.parentNode.parentNode.id;
var newindex = getConditionPlacementIndex(rowId);

var row = document.getElementById("advancedSearch").insertRow(newindex);

...

// create table cell of datetime textbox
var cell3 = row.insertCell(3);
cell3.id = row.id+"_cell3";
var strHtml3 = "<INPUT class=\"textbox\" TYPE=\"text\">";
cell3.innerHTML = strHtml3.replace(/!count!/g, count);
$("#" + cell3.id).datepicker();
}

函数addGroupRow（e）{
var rowId=e.parentNode.parentNode.id；
var newindex=getConditionPlacementIndex（rowId）；
var row=document.getElementById（“advancedSearch”）.insertRow（newindex）；
...
//创建日期时间文本框的表格单元格
var cell3=行插入单元格（3）；
cell3.id=行.id+“_cell3”；
var strHtml3=“”；
cell3.innerHTML=strHtml3.replace（/！count！/g，count）；
$（“#”+cell3.id）.datepicker（）；
}

它不工作，并且日期选择器不显示在动态文本字段中。有什么建议吗

---

谢谢。

使用

class

而不是

id

（给动态生成的

textbox

一个类，说

'textbox'

），然后按照以下步骤操作：

$('body').on('focus',".textbox", function(){
  $(this).datepicker();
});​

---

我已通过以下代码修改解决了此问题：

var cell3 = row.insertCell(3);
var cell3Id = row.id+"_cell3";
var strHtml3 = "<INPUT class=\"textbox\" TYPE=\"text\" id=" + cell3Id + ">";
cell3.innerHTML = strHtml3.replace(/!count!/g, count);
$("#" + cell3Id).datepicker();

var cell3=row.insertCell（3）；
var cell3Id=row.id+“_cell3”；
var strHtml3=“”；
cell3.innerHTML=strHtml3.replace（/！count！/g，count）；
$（“#”+cell3Id）.datepicker（）；

谢谢你的建议，但我真的希望通过cell ID而不是类来完成这项工作。