php两级回复,thinkphp+jquery实现两级评论回复效果

$(function(){//点击“回复”按钮显示或隐藏回复输入框

$("body").delegate(".comment-reply","click",function() {if ($(this).next().length > 0) { //判断回复框div是否存在，存在就去除

$(this).next().remove();

}else{ //添加回复idv

$(".comment-reply").next().remove(); //删除已经存在的所有回复div

//添加当前回复div

var parent_id = $(this).attr("comment_id"); //要回复的评论id

var divhtml = "";

divhtml= "

\

\

\

\

\

回复\

\

";

$(this).after(divhtml);

}

});//点击提交评论的内容

$("body").delegate(".comment-submit","click",function() {var content = $.trim($(this).parent().prev().children("textarea").val()) //根据布局结构获取当前评论内容

$(this).parent().prev().children("textarea").val(""); //获取完内容后清空输入框

if (content == '') {

alert("评论内容不能为空!");//layer.msg('评论内容不能为空', function(){ });

}else{//创建一个对象，存储获取的数据

//var cmdata = new Object();

parent_id = $(this).attr("parent_id") //上级评论id

head_pic = '/personal/images/touxiang.jpg' //获取评论者的头像

nickname = '测试昵称' //获取评论者的昵称

//如果是一级评论 被回复人为空，如果不是一级评论，添加被回复人昵称

if (parent_id !== "0") {var receive_nickname = $(this).parent().prev().parent().prev().prev().prev().children("span").eq(0).text() //获取被回复人的昵称

content = "回复 "+ receive_nickname +"："+content //拼接二级评论内容 被回复人昵称+内容

}//提交数据

$.ajax({

url:"/home/xszx/addComment",

type:"POST",

dataType:"Json",

data:{content:content, parent_id:parent_id, head_pic:head_pic, nickname:nickname},

success:function(data) {

console.log(data)if (data.code == 200) {

$(".comment-reply").next().remove(); //删除已经存在的所有回复框div

console.log(parent_id)//显示新增评论

var newli = "";if (parent_id == "0") {//一级评论,添加到一级ul列表中

newli = "

\

---

\

\

\

\

下页再停留1\

2012/02/22\

\

\

一级评论一级评论一级评论一级评论\

\

\

回复 \

\

\

• \

\";

$(".comment-ul").prepend(newli);

}else{//二级评论,添加到对应的孩子ul列表中

newli = "

\

\

\

\

下页再停留2 \

2012/02/22\

\

\

回复 下页再停留1:\

二级评论二级评论二级评论二级评论二级评论\

\

\

回复 \

\

\";

$("li[comment_id='"+parent_id+"']").children("ul").prepend(newli);

}

}

}

})

}

})

})