Javascript 数字文本框和日期选择器在js文件中不起作用

我在一张动态的桌子上工作。当我添加行数字文本框和日期选择器时，工作正常。但是，当我在保存数字文本框和日期选择器后编辑这一行时，虽然我使用firebug检查该行时，数字和日期文本框包含与以前相同的类

这是我的密码

表格Html

<tr class="entryForm1">
    <td style="padding: 7px 20px;"><input type="text" /></td>
    <td style="padding: 7px 20px;"><input type="text" class="numericTextbox" /></td>
    <td>
        <select>
            <option>Development</option>
            <option>Hr</option>
        </select>
    </td>
    <td style="padding: 7px 20px;"><input type="text" class="datepicker" /></td>
    <td style="padding: 7px 20px;">  <img src="~/images/icons/save.png" class='btnSave' alt="Edit" style="border-width: 0px;" />
        <img src="~/images/icons/delete.png" alt="Delete" style="border-width: 0px;" class='btnDelete' /></td>
</tr>

---

提前感谢。

最后，我使用

$("#tblCadastro").on("keypress", "#txtAge", function (evt) {


    var charCode = (evt.which) ? evt.which : event.keyCode;
    if (charCode != 46 && charCode > 31
      && (charCode < 48 || charCode > 57))
        return false;

    return true;
}); 

---

请使用“尝试将类选择器更改为此$document.findyourClass…etc”，从保存和编辑函数中获取“this”的位置？

function Edit() {
    var par = $(this).parent().parent(); //tr
    var tdName = par.children("td:nth-child(1)");
    var tdAge = par.children("td:nth-child(2)");
    var tdDesignation = par.children("td:nth-child(3)");
    var tdDate = par.children("td:nth-child(4)");
    var tdIcon = par.children("td:nth-child(5)");
    tdName.html("<input type='text' value='" + tdName.html() + "'/>");
    tdAge.html("<input type='text' id='txtAge' class='numericTextbox'  value='" + tdAge.html() + "'/>");
    tdDesignation.html("<select>" +
            "<option>Development</option>" +
            "<option>H</option>" +
            "</select>");

    tdDate.html("<input type='text' class='datepicker hasDatepicker' value='" + tdDate.html() + "'/>");

    tdIcon.html("<img src='../images/icons/save.png' class='btnSave'/>");

    $(".btnSave").bind("click", Save);
    $(".btnEdit").bind("click", Edit);
    $(".btnDelete").bind("click", Delete);
}

function Add() {

    $.datepicker.setDefaults({dateFormat: 'dd-mm-yy'});
    $('.datepicker').datepicker();
    var newRow = $('#tblCadastro tbody>tr:first').clone(true);


    $('input', newRow).val('').
            filter('.hasDatepicker').removeClass('hasDatepicker').datepicker();
    $('#tblCadastro tbody').append(newRow);
    newRow.appendTo('#tblCadastro tbody').show('slow');
    $('input', newRow).val('').
            filter('.hasDatepicker').removeClass('hasDatepicker').attr('id', '').datepicker();

    $('select', newRow).filter('.dropDown').attr('id', 'o1');
    $('div', newRow).filter('.chzn-container').attr('id', 'o1');

    $(".btnSave").bind("click", Save);
    $(".btnDelete").bind("click", Delete);
}

$("#tblCadastro").on("keypress", "#txtAge", function (evt) {


    var charCode = (evt.which) ? evt.which : event.keyCode;
    if (charCode != 46 && charCode > 31
      && (charCode < 48 || charCode > 57))
        return false;

    return true;
});