jquery 获取本身HTML

孙行者悟空

于 2015-08-21 16:43:33 发布

阅读量2.6k

点赞数

分类专栏： jquery 文章标签： jQuery dom

jquery 专栏收录该内容

4 篇文章

订阅专栏

<html>
<head>
    <title>jQuery获取自身HTML</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Language" content="zh-CN" />
    <script type="text/javascript" src="http://files.cnblogs.com/Zjmainstay/jquery-1.6.2.min.js"></script>
</head>
<body>
<div class="aa" style="border:1px solid #ABC;width:200px;text-align:center;">点击获取我自身的HTML吧</input>
<script type="text/javascript">
$(document).ready(function(){
$(".aa").click(function(){alert($("<p>").append($(this).clone()).html())});
});
</script>
</body>
</html>

原理：创建一个匿名Object，然后将自身加入其中，再取出匿名Object的html()便可得到自身HTML。