[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)
