类似这种镶套回复评论:

<div>
<ul>
<!--一条评论 begin-->
<li>
<div class="user-column">
<div class="user-reply">
<a class="c-grey2 small" href="javascript:void(0);"><span class="reply-icon reply"></span><span class="to-reply" href="javascript:void(0);">回 复</span> </a>
<a class="c-grey2 small" href="javascript:void(0);"><span class="reply-icon look-reply"></span><span class="show-reply" href="javascript:void(0);">查看回复(<em>7</em>)</span></a>
</div>
<!--span10 begin-->
<div class="span10">
<div class="show-comment-box" style="display: none;">
<div class="deshed-arrow">
<img src="data:images/solid_arrow.jpg"/>
</div>
<div class="comment-pan">
<textarea name="content" rows="" maxlength="300"></textarea>
<span class="publish">回 复</span>
</div>
</div>
</div>
<!--span10 end-->
<!--span10 begin-->
<div class="span10">
<!-- 用户回复 begin-->
<div class="user-column-reply" style="display: none;">
<div class="deshed-arrow">
<img src="data:images/dashed_arrow_up.jpg"/>
</div>
<ul class="comment-list">
<li> <div class="user-column">
<div class="user-reply">
<a class="c-grey2 small" href=""><span class="reply-icon like"></span>(<em>702</em>)</a>
<a class="c-grey2 small" href="javascript:void(0);">
<span class="reply-icon reply"></span>
<span class="to-reply" href="javascript:void(0);">回 复</span>
</a>
</div>
<!--span10 begin-->
<div class="span10">
<div class="show-comment-box" style="display: none;">
<div class="comment-pan">
<textarea name="content" rows="" maxlength="300"></textarea>
<span class="publish">回 复</span>
</div>
</div>
</div>
<!--span10 end-->
</li>
</ul>
</div>
<!--用户回复 end--> </li>
<!--一条评论 end-->
</ul>

</div>

  

JQ代码:

<script type="text/javascript">
//点击回复 $(".show-reply").click(function() {//点击回复
var $i = $(this);
if ($i.text() != "收起回复") {
$i.data("text", $i.text());
$i.text("收起回复");
} else $i.text($i.data("text"));
$i.closest(".user-column").find(".user-column-reply").toggle();
})
$(".to-reply").click(function() {//点击回复
var $i = $(this);
if ($i.text() != "暂不回复") {
$i.data("text", $i.text());
$i.text("暂不回复");
} else $i.text($i.data("text"));
$i.closest(".user-reply").next().find(".show-comment-box").toggle();
}) </script>

  

jq用户评论点击回复简单代码。的更多相关文章

  1. C#截取用户的点击事件的代码

    在代码过程中中,把做工程过程中常用的代码备份一下,如下代码内容是关于C#截取用户的点击事件的代码,应该是对大家也有好处. private void SomeControl_KeyDown(object ...

  2. iOS之防止用户重复点击Button(按钮)问题

    在项目中,我们往往会遇到这样的问题:因为网络较慢的原因,用户会不耐烦的一直去点击按钮,这样导致的结果时:相关代码一遍一遍的被重复执行,如果按钮的事件是网络请求的话,这样又导致一种网络请求的循环.所以我 ...

  3. js实现点击评论进行显示回复框

    有人在群里问如何在留言评论那里点击回复按钮,下面就自动显示一个回复框,他想要的效果如图: 于是我随意的写了一段HTML,代码如下: <!DOCTYPE HTML> <html lan ...

  4. 模仿qq空间或朋友圈发布动态、评论动态、回复评论、删除动态或评论的功能(上)

      我们大部分人都发过动态,想必都知道发动态.回复评论.删除动态的整个过程,那么作为初学者,要模仿这些功能有点复杂的,最起码表的关系得弄清楚~~ 先把思路理一下: (1)用户登录,用session读取 ...

  5. python 全栈开发,Day82(点赞和踩灭,用户评论)

    一.点赞和踩灭 样式 先来做样式,修改article_detail.html,增加div_digg的div {% extends "base.html" %} {% block c ...

  6. Nodejs之MEAN栈开发(九)---- 用户评论的增加/删除/修改

    由于工作中做实时通信的项目,需要用到Nodejs做通讯转接功能,刚开始接触,很多都不懂,于是我和同事就准备去学习nodejs,结合nodejs之MEAN栈实战书籍<Getting.MEAN.wi ...

  7. Node.js实现用户评论社区(体验前后端开发的乐趣)

    前面 接着上一节的内容来,今天我们要完成一个用Node开发后台服务器,实现一个简单的用户评论社区.可以先看下效果图: 开始 建立项目文件夹comment-list,在里面新建一个public文件夹,p ...

  8. Redis:安装、配置、操作和简单代码实例(C语言Client端)

    Redis:安装.配置.操作和简单代码实例(C语言Client端) - hj19870806的专栏 - 博客频道 - CSDN.NET Redis:安装.配置.操作和简单代码实例(C语言Client端 ...

  9. 查找和定位Android应用的按钮点击事件的代码位置基于Xposed Hook实现

    本文博客地址:https://blog.csdn.net/QQ1084283172/article/details/80956455 在进行Android程序的逆向分析的时候,经常需要通过Androi ...

随机推荐

  1. 【BZOJ1565】【NOI2009】植物大战僵尸(网络流)

    [BZOJ1565][NOI2009]植物大战僵尸(网络流) 题面 BZOJ 洛谷 题解 做了这么多神仙题,终于有一道能够凭借自己智商能够想出来的题目了.... 好感动. 这就是一个比较裸的最小割模型 ...

  2. windows内核提权

    Windows by default are vulnerable to several vulnerabilities that could allow an attacker to execute ...

  3. 扶苏的bitset浅谈

    bitset作为C++一个非常好用的STL,在一些题目中巧妙地使用会产生非常不错的效果.今天扶苏来分享一点bitset的基础语法和应用 本文同步发布于个人其他博客,同时作为P3674题解发布. 本文感 ...

  4. 使用无线网卡搭建虚拟wifi

    1.首先以管理员身份运行命令提示符 开始->搜索框输入cmd,出来的cmd.exe上右键管理员身份运行,或者win+R打开运行提示框,输入cmd并回车. 2.设置“虚拟Wifi网卡”模式 敲入命 ...

  5. JavaSE的学习路线

    基于现阶段的JavaEE学习的对象,主要是趋向于Web的方向,主要就是说在JavaWeb的基础上进行进一步的开发和学习,下面我会将自己总结的对于自己的一点关于JavaEE学习路线会逐步讲解. 第一部分 ...

  6. 《Apache HttpClient 4.3开发指南》

    转载自:http://blog.csdn.net/chszs/article/details/16854747 作者:chszs,转载需注明.博客主页:http://blog.csdn.net/chs ...

  7. 关于IE浏览器输入框字体不兼容问题

    当写完 input的text输入框后 IE里输入框字体偏上 那么有个简单的解决办法 就是设置行高line-height:Xpx\9;就可以解决   \9表示所有IE

  8. WdatePicker日历控件动态设置属性参数值

    首先吐槽一下需求人员给了我一个很坑的需求:WdatePicker日历控件里面选择的最小时间(minDate)的值是级联动态改变的,而且这个值要从数据库获取,这样子只能使用 ajax 来发起请求获取mi ...

  9. AngularJs附件上传下载

    首先:angular-file-upload 是一款轻量级的 AngularJS 文件上传工具,为不支持浏览器的 FileAPI polyfill 设计,使用 HTML5 直接进行文件上传. 第一步: ...

  10. NOIP模拟赛10

    T1 [HAOI2010]软件安装 https://daniu.luogu.org/problem/show?pid=2515 树上背包,如果有i必须有j,j作为i的父节点 O(nm²) #inclu ...