保存并恢复Div输入值

Question

如何保存和恢复使用jQuery放置在DIV中的输入控件的所有值？我应该使用jQuery序列化API吗？
例如在下面的DIV中有三个输入控件，如何使用jQuery存储和恢复值？

<Div Id=Test> 
<table > 
    <tr> 

     <td> 
      Name 
     </td> 
     <td> 
      <input name="WebUserControl1$TextBox1" type="text" id="TextBox1" /> 
     </td> 
    </tr> 
    <tr> 
     <td> 

      Family 
     </td> 
     <td> 
      <input name="WebUserControl1$TextBox2" type="text" id="TextBox2" /> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      age 
     </td> 

     <td> 
      <input name="WebUserControl1$TextBox3" type="text" id="TextBox3" /> 
     </td> 
    </tr> 

</table> 
</Div> 

Answer 1

您可以使用jquery data属性来存储特定于dom元素的值，如下所示。

$("divSelector").data("myData", "data"); 

中检索它，你必须说

$("divSelector").data("myData");//It will give "data" 

试试这个

var inputObj = {}, $this; 

$("#Test input").each(function(){ 
    $this = $(this); 
    inputObj[$this.id] = $this.val(); 
}); 

//This will store the object we created above in Test data attribute. 
$("#Test").data("inputControls", inputObj);