Jquery 保存和恢复Div输入值

如何使用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>

名称
家庭
年龄

您可以使用jquery数据属性来存储特定于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);

---

我不明白你的代码是否存储了所有的Div输入值？请创建JSFIDLE示例好吗？您所说的“所有输入值”是什么意思？放入目标DIV中的所有输入控件@shaahin-您是指DIV的innerHTML吗？@shankarsangli谢谢。但是我怎样才能恢复它们呢？