类似这种镶套回复评论:

<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. 【原创】【目录】实现rich editor(富文本编辑器)教程,深入理解selectiona/range操作与浏览器差异

    日常工作中,接触富文本编辑的次数还是很多,特发此教程,希望可以改变富文本编辑的技术门槛较高的现状,解决这部分的坑. 前提准备,兼容获取range,统一回车行为,前期准备工作 了解document.ex ...

  2. 初识python版本

    区别一: python2x:源码重复不规范. python3x:重新整理规范了源码. 区别二: python2x: 默认的编码方式ascii,显示中文需要首行添加:#  _*_ encoding: u ...

  3. vijos 小三学算术

    描述 小三的三分球总是很准的,但对于数学问题就完全没有想法了,他希望你来帮他解决下面的这个问题:对于给定的n,从1!.2!.3!.…….n!中至少删去几个数,才可以使剩下的数的乘积为完全平方数? 格式 ...

  4. lua和C++的交互(1)

    /* 以前听的一个故事,当年Java的创造者讲课的时候,一开始先拿一个简单的不能简单的小例子, 不断的扩展,最后成为一个复杂而完美的程序. 一个重要之重要的概念,就是栈.Lua与别的语言交互以及交换数 ...

  5. ICPC 2018 南京网络赛 J Magical Girl Haze(多层图最短路)

    传送门:https://nanti.jisuanke.com/t/A1958 题意:n个点m条边的路,你有k次机会将某条路上的边权变为0,问你最短路径长度 题解:最短路变形,我们需要在常规的最短路上多 ...

  6. 图片虚拟目录--即图片保存在window硬盘上面

    这个是图片保存在电脑的硬盘上面的图片上传设置,既不是在web工程中,也不是在专门的图片服务器中,下面是配置方法: r 这里的Document base 我们这里设置为F:\images 如果在浏览器访 ...

  7. 手脱FSG 2.0 -> bart/xt

    声明: 只为纪录自己的脱壳历程,高手勿喷 1.在入口的第二行ESP定律下硬件断点然后F9运行8次(因为第9次就跑飞了) 0040955C > pushad 0040955D EB jmp //E ...

  8. js 时间戳 转化

    new Date((1524142795*1000)).toJSON().slice(11,16)

  9. 新式类 VS 经典类

    一.概述 Python中支持多继承,也就是一个子类可以继承多个父类/基类.当一个调用一个自身没有定义的属性时,它是按照何种顺序去父类中寻找的呢?尤其是当众多父类中都包含有同名的属性,这就涉及到新式类 ...

  10. (转)linux下vi命令修改文件及保存的使用方法

    进入vi的命令         vi filename :打开或新建文件,并将光标置于第一行首    vi n filename :打开文件,并将光标置于第n行首    vi filename :打开 ...