MVC 将数据表格移动到输入

Question

我正在尝试将数据从表中的选定行移动到 MVC 中的表单。我正在使用 jquery click 事件从我的表中检索数据并将其移动到我的表单中。单击事件正在工作，但它将数据移动到错误的字段。这是点击功能：

$(document).ready(function () {
    $(".innerTbltr").click(function () {
        alert("Event handle.");
        //this.css("background-color", "#E8EEF4");
        $("#firstName").val(this.childNodes[0].innerHTML);
        $("#lastName").val(this.childNodes[1].innerHTML);
        $("#address1").val(this.childNodes[2].innerHTML);
        $("#address2").val(this.childNodes[3].innerHTML);
        $("#city").val(this.childNodes[4].innerHTML);
        $("#state").val(this.childNodes[5].innerHTML);
        $("#zip").val(this.childNodes[6].innerHTML);
        $("#birthDate").val(this.childNodes[7].innerHTML);
    });
});

表格是这样设置的：

<form>
  <input id="firstName" type="text"/>
  <input id="lastName" type="text"/>
  <input id="address1" type="text"/>
  <input id="address2" type="text"/>
  <input id="city" type="text"/>
  <input id="state" type="text"/>
  <input id="zip" type="text"/>
  <input id="birthDate" type="text"/>
</form>

目前，名字被放入姓氏字段。姓氏放在地址 1 字段中。地址 1 放入状态字段，其余两个字段留空。以及有数据的字段之间的字段是空白的。

Answer 1

可能不是所有的 DOM 都已加载尝试将点击事件放在 jQuery 中

 $(document).ready(function(){
//the click event here 
});