Jquery在元素后追加html代码

最新推荐文章于 2021-05-31 19:40:34 发布

奈易唔

最新推荐文章于 2021-05-31 19:40:34 发布

阅读量1.5k

点赞数

分类专栏： JQuery

JQuery 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

在某个html元素中设置你想显示的html代码，大家已经很熟悉了。js就有.InnerHTML可以设置。

但是在这个元素后追加html代码也是可以的，这是在jquery手册上找到的

[html]view plaincopy 
   
 $("button").click(function(){  
   $("p").after("<p>Hello world!</p>");  
 });  

[html]view plaincopy 
   
 定义和用法  
   
 after() 方法在被选元素后插入指定的内容。  
 语法  
   
 $(selector).after(content)  
   
 参数  描述  
 content     必需。规定要插入的内容（可包含 HTML 标签）。  
 使用函数来插入内容  
   
 使用函数在被选元素之后插入指定的内容。  
 语法  
   
 $(selector).after(function(index))  
 
 
 亲自试一试  
 参数  描述  
 function(index)       
   
 必需。规定返回待插入内容的函数。  
   
     index - 可选。接收选择器的 index 位置。  

[html]view plaincopy 
   
 <html>  
 <head>  
 <script type="text/javascript" src="/jquery/jquery.js"></script>  
 <script type="text/javascript">  
 $(document).ready(function(){  
   $("button").click(function(){  
     $("p").after(function(n){  
       return "<p>The p element above has index " + n + "</p>";  
     });  
   });  
 });  
 </script>  
 </head>  
   
 <body>  
 <h1>This is a heading</h1>  
 <p>This is a paragraph.</p>  
 <p>This is another paragraph.</p>  
 <button>在每个 p 元素后插入内容</button>  
 </body>  
 </html>  

奈易唔

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery在元素后追加html代码

在某个html元素中设置你想显示的html代码，大家已经很熟悉了。js就有.InnerHTML可以设置。但是在这个元素后追加html代码也是可以的，这是在jquery手册上找到的[html] view plaincopy$("button").click(function(){ $("p").after("p>Hello w
复制链接

扫一扫