jQuery获取自身HTML

最新推荐文章于 2024-07-26 03:27:00 发布

weixin_34290096

最新推荐文章于 2024-07-26 03:27:00 发布

阅读量173

点赞数

文章标签： javascript ViewUI

本文介绍了一个使用jQuery获取页面中特定元素HTML内容的方法。通过点击事件触发，能够展示被点击元素的HTML结构。此技巧适用于前端开发者，特别是那些需要动态操作DOM的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

canrun

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