[www.it123.org看例子](http://www.it123.org) //样式 ~~~ <style type="text/css" > *{margin:0;padding:0;} body{margin:10px;font-size:14px;font-family:宋体} h1{font-size:26px;margin:10px 0 15px;} #commentHolder{border-bottom:1px solid #aaa;} .comment{padding:5px 8px;background:#f8fcff;border:1px solid #aaa;font-size:14px;border-bottom:none;} .comment p{padding:5px 0;} .comment p.title{color:#1f3a87;font-size:12px;} .comment p span{float:right;color:#666} .comment div{background:#ffe;padding:3px;border:1px solid #aaa;line-height:140%;margin-bottom:5px;} .comment div span{color:#1f3a87;font-size:12px;} </style> ~~~ //评论数据输出 ~~~ <volist name="commentList" id="commentList"> <div class="comment"> <p class="title"> {$commentList.comment_id}贴 </p> <volist name="commentList.pcomment" id="mypcommentList"> <div> <span>{$mypcommentList.comment_id} 原贴: </span> <p>{$mypcommentList.comment_text} </p> </div> </volist> <p> {$commentList.comment_text} <p> </div> </volist> ~~~ //按照上方的数据输出,父引用回复都是平行的,节点要变更下,用如下的js变更节点 ~~~ for(var j =0,length = $(".comment").length;j<length;++j){ (function(j){ var element = $(".comment").eq(j); for(var i=element.find(">div").length;0<i;--i){ (function(index){ element.find(">div").eq(index-1).prepend(element.find(">div").eq(index)); })(i); } })(j) } ~~~ [www.it123.org看例子](http://www.it123.org)