Question

比如说我将body标签的HTML内容存储在Jquery中的变量中。所以，

var current_html = $("body").html();

然后我附加一些DIV并进行其他动态更改。即使我因为某些原因在每次DOM更改后更新变量'current_html'，它只会在文档加载时输出原始DOM内容，并且不包含任何附加项....即使我更新current_html变量。 / p>

有没有办法读取当前的DOM html，包括动态附加的所有项目。我尝试了各种各样的.live用途，但没有快乐。

提前致谢。

Answer 1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="jquery-1.4.2.min.js"> </script>
</head>

<body>
<script type="text/javascript">
$(document).ready(function(){
console.log($("body").html());
var new_element = $('<div id="2-div">test2 </div>');
new_element.appendTo("body");
console.log($("body").html());
});

 </script>

<div id="1-div">test-1</div>
</body>
 </html>

我试过这个并且它工作正常。添加新元素后，我能够看到更新的HTML。如果上述内容不符合您的意思，您可以发布一些代码。

JQuery获得实时DOM更改HTML

1 个答案: