Javascript 使用jquery或任何首选库获取文档中包含的所有元素及其当前值

我正在尝试使用

document.getElementsByTagName('html')[0].innerHTML

但是我注意到它没有得到任何

输入

，

文本区域

，

选择

，等等的当前值

有没有一种方法可以让我同时获取它们的当前值？基本上，我想在当前状态下对页面进行快照

---

我已经查看了JQuery中的

。每个
和
。序列化
，但似乎这两个都不是理想的解决方案。
首先将所有表单输入的值移动到
值属性：

$(':input').each(function(){
    $(this).attr('value', this.value);
});

然后使用您的代码：

document.getElementsByTagName('html')[0].innerHTML
// Or the jQuery way:
$('html').html()

首先将所有表单输入的值移动到
值
属性：

$(':input').each(function(){
    $(this).attr('value', this.value);
});

然后使用您的代码：

document.getElementsByTagName('html')[0].innerHTML
// Or the jQuery way:
$('html').html()

您可以尝试这样的方法，通过jQuery选择DOM中包含的所有元素

 $(document).Ready(function(){
 //select all the document in the DOM
  $("*");
 });

您可以尝试这样的方法，通过jQuery选择DOM中包含的所有元素

 $(document).Ready(function(){
 //select all the document in the DOM
  $("*");
 });

非常聪明。。真不敢相信我竟然没想到那件事。谢谢大家!@DvideBy0。没问题。我很乐意帮忙。非常聪明。。真不敢相信我竟然没想到那件事。谢谢大家!@DvideBy0。没问题。我很乐意帮忙。恐怕你根本不懂这个问题。（而且它还有其他问题……）谁对答案投了赞成票？它根本没有回答这个问题！甚至还有syantx错误，它抛出了
ReferenceError
，恐怕你根本不理解这个问题。（而且它还有其他问题……）谁对答案投了赞成票？它根本没有回答这个问题！甚至还有syantx错误，它抛出
ReferenceError