PHPIN.NET

 找回密码
 立即注册
查看: 4852|回复: 0

[jQuery/Js/AJAX] js/jquery实现点击评论进行显示回复框

[复制链接]

469

主题

31

回帖

5497

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
5497
发表于 2018-12-21 20:11:06 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

x
js/jquery实现点击评论进行显示回复框

  1. <!DOCTYPE HTML>
  2. <html lang="zh-CN">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title></title>
  6.     <script src="http://cdn.bootcss.com/jquery/2.2.4/jquery.js"></script>
  7. </head>
  8. <ul>
  9.     <li>
  10.         1号用户评论
  11.         <div>hello,我是第1条评论 2018-03-21 12:00:00 <a href="javascript:;" class="reply_btn" >回复</a></div>
  12.     </li>
  13.     <li>
  14.         2号用户评论
  15.         <div>hello,我是第2条评论 2018-03-21 12:00:00 <a href="javascript:;" class="reply_btn" >回复</a></div>
  16.     </li>
  17.     <li>
  18.         3号用户评论
  19.         <div>hello,我是第3条评论 2018-03-21 12:00:00 <a href="javascript:;" class="reply_btn" >回复</a></div>
  20.     </li>
  21. </ul>
  22. <body>
  23.     <script type="text/javascript">
  24.         $(function(){
  25.             //页面加载完毕后开始执行的事件
  26.             $(".reply_btn").click(function(){
  27.                 $(".reply_textarea").remove();
  28.                 $(this).parent().append('<div class="reply_textarea"><textarea name="" cols="40" rows="5"></textarea><br/><input type="submit" value="发表" /></div>');
  29.             });
  30.         });
  31.     </script>
  32. </body>
  33. </html>
复制代码


Jquery实现点击评论进行显示回复框.html (1.08 KB, 下载次数: 0)
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|PHPIN.NET ( 冀ICP备12000898号-14 )|网站地图

GMT+8, 2024-3-29 12:36

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表