2017-09-15 126 views
1

基本上它是一個論壇網站,用戶可以在其中發表評論並回復其他評論(有點像Reddit)。但是,如果我想回復一條評論,如何僅在該家長評論下面顯示textarea在發表評論和回覆評論系統中,如何針對個人評論?

父評論

<div class="reply-to-parent" data-commentid = "<?php echo $comment_id; ?>"> 
       reply 
      </div> 
      <div class="reply-textarea reply-to-parent-textarea-container" data-comment_replyid = "<?php echo $comment_id; ?>"> 
       <textarea class="reply-to-parent-textarea"></textarea> 
       <br> 
       <span class="reply-to-parent-submit">submit</span> 
       <span class="cancel-reply">cancel</span> 
      </div> 

jQuery的

function replyToParent(){ 
    $(".reply-to-parent").click(function(){ 
     var commentid = $(this).data("commentid"); 
     console.log(commentid); 
     var textcode = $(".reply-to-parent-textarea-container").data("comment_replyid"); 
     if (textcode==commentid){ 
     $(".reply-to-parent").hide(); 
     $(".reply-textarea").css("display", "block"); 
     $(".cancel-reply").click(function(){ 
      $(".reply-to-parent").show(); 
      $(".reply-textarea").css("display", "none"); 
      }); 
     } 
     }); 
} 

而且,在我實現這個目標,我怎麼顯示使用jQuery是父評論正下方子註釋。 (ajax將處理在後臺輸入數據庫部分)

+0

我上面這樣做的方式顯示所有父註釋下面的textarea。對不起,如果之前已經問過。如果是這種情況,請將它鏈接到它。 – classifyed98

回答

0

您的reply-click處理程序獲得通過event參數,該參數具有target屬性。這是被點擊的元素。用它來找到正確的元素(例如,通過遍歷從那裏的DOM節點)。