MVCテーブルから入力への移動

Question

テーブルの選択された行からMVCのフォームにデータを移動しようとしています。 jqueryのクリックイベントを使用して、テーブルからデータを取得し、フォームに移動します。 clickイベントは機能していますが、データを間違ったフィールドに移動しています。 HERESにクリック機能：

$(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は状態フィールドに入り、残りの2つのフィールドは空白のままです。間にあるフィールドと同様に、データを持つフィールドは空白です。

Answer 1

それがすべてではないDOMはjQueryの

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