jQueryでcommentCrossを削除するには？

Question

ユーザーがコメントを作成するたびに、prependのjQueryを使用してコメントが追加されます。

特定のケースでcrossIconを削除しようとしていますが、削除されません。

that.find(".commentCross").css("display","none"); 

これを行う正しい方法ではないようです。

commentCrossを削除するにはどうすればよいですか？$(this)？

if ("<%= user %>" != "none") { 
    var i = 0; 
    var postKey = "<%= post.key %>"; 
    var commentsRef = firebase.database().ref("comments/"+postKey).orderByChild('commenttimestamp').limitToFirst(25); 
    commentsRef.once("value", function(snapshot) { 
    var currentUserUid = firebase.auth().currentUser.uid; 
    snapshot.forEach(function(childSnapshot){ 
    i++; 
    if (childSnapshot.val().profilepic == undefined || childSnapshot.val().profilepic == null || childSnapshot.val().profilepic == "") { 
     $("#commentsBox").prepend("<div class='fullComment' id='"+i+"'><a href='../../users/'"+childSnapshot.val().author+"><div class='userCommentBox'><div class='commentUsername'>"+childSnapshot.val().username+"</div><img class='userPic' src='../../../public/assets/miniProfilePic.png' /></div></a><div class='comment'>"+childSnapshot.val().text+"</div><div><img data-author='"+ childSnapshot.val().author +"' data-post='"+postKey+"' data-comment='"+childSnapshot.key+"'class='commentCross' src='./../../public/assets/cross.png'><img class='replyIcon' data-author='"+ childSnapshot.val().author +"' data-comment='"+childSnapshot.key+"' src='./../../public/assets/replyIcon.png'></div>"); 
     var that = $(this); 
     var commentAuthor = childSnapshot.val().author; 
     if (currentUserUid !== commentAuthor) { 
      that.find(".commentCross").css("display","none"); 
     } 

Answer 1

以下のようにそれを実行します -

if (childSnapshot.val().profilepic == undefined || childSnapshot.val().profilepic == null || childSnapshot.val().profilepic == "") { 
    var commentAuthor = childSnapshot.val().author; 
    if (currentUserUid !== commentAuthor) { 
     /*remove commentCross html */ 

     $("#commentsBox").prepend("<div class='fullComment' id='"+i+"'><a href='../../users/'"+childSnapshot.val().author+"><div class='userCommentBox'><div class='commentUsername'>"+childSnapshot.val().username+"</div><img class='userPic' src='../../../public/assets/miniProfilePic.png' /></div></a><div class='comment'>"+childSnapshot.val().text+"</div><div><img class='replyIcon' data-author='"+ childSnapshot.val().author +"' data-comment='"+childSnapshot.key+"' src='./../../public/assets/replyIcon.png'></div>"); 

    }else{ 
     /* Add commentCross Html */ 

     $("#commentsBox").prepend("<div class='fullComment' id='"+i+"'><a href='../../users/'"+childSnapshot.val().author+"><div class='userCommentBox'><div class='commentUsername'>"+childSnapshot.val().username+"</div><img class='userPic' src='../../../public/assets/miniProfilePic.png' /></div></a><div class='comment'>"+childSnapshot.val().text+"</div><div><img data-author='"+ childSnapshot.val().author +"' data-post='"+postKey+"' data-comment='"+childSnapshot.key+"'class='commentCross' src='./../../public/assets/cross.png'><img class='replyIcon' data-author='"+ childSnapshot.val().author +"' data-comment='"+childSnapshot.key+"' src='./../../public/assets/replyIcon.png'></div>"); 
    } 
}