保存並恢復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);