コメント（フロントエンド紙）を実装したマルチレベルのコード

1.再帰：
<！DOCTYPE HTML> 
<HTML LANG = " EN " > 
<HEAD> 
    <メタ文字コード= " UTF-8 " > 
    <タイトル>タイトル</ TITLE> 
    <スタイル> 
        .comment - ボックス{ 
            マージン - 左：20ピクセル; 
        }
     </スタイル> 
</ head> 
<body> 
    <DIV クラス = " 項目" > 
        <a news_id= "19" クラス = "COM">评论する</a> 
        = " 項目" > 
        <a news_id= "18" クラス = "COM">评论</a>の
    </ div> 
    <DIV クラス = " 項目" > 
        <a news_id= "17" クラス = "COM">评论< /> 
    </ div> 
    <スクリプトSRC = " /static/jquery-2.1.4.min.js " > </ SCRIPT> 
    <SCRIPT>
        $（関数（）{ 
            bindCommentEvent（）; 
        }）;  


        関数bindCommentEvent（）{ 
           $（' .COM ' ）.click（関数（）{ 
               VAR news_id = $（この）.ATTR（' news_id ' ）; 
               VAR _this = $（この）; 

               $アヤックス（{ 
                   URL：" /コメント/ ' 
                   タイプ：' GET ' 、
                   データ：{news_id：news_id}、
                   データ型：" HTML " 、
                   成功：関数（引数）{ //
                        create_tree（引数、_this）。
                       console.log（引数）。
                       _this.after（引数）。
                   } 
               }）

           }）
        } 

        関数diGui（children_list）{ 
                VAR HTML = "" ; 
                $ .each（children_list、機能（CK、CV）{ 
                       VARのB = ' <DIV CLASS = "コメントボックスの"> <span>を' ; 
                       B + = cv.content + " </ span>を" ; 
                       B + = diGui （cv.children）。 
                       B + = " <; 
                       HTML + = B。
                 }）; 
                リターンのhtml; 
            } 


            関数create_tree（データ、$この）{ 
                 VARのhtml = ' <DIV CLASS = "コメント・リスト"> ' ; 
                 $ .each（データ、関数（K、V）{ 
                    VARのA = ' <DIV CLASS = "コメントボックス">の<span> ' ; + = v.content + " </スパン> " ;
                      diGui（v.children）。创建自评论
                     A + = 
                     A + = " </ DIV> " ; 
                     HTML + = A。
                 }）; 

                 HTML + = " </ DIV> " ; 
                $ this.after（HTML）。
        }


     </ SCRIPT> 

</ body> 
</ HTML>
コメント（フロントエンド紙）を実装したマルチレベルのコード

おすすめ
