ビューをユーザーに切り替えるために特定のクラスをターゲットに設定するにはどうすればよいですか？

Question

ユーザーが自分のコメントボタンをクリックすると、その投稿のコメントを表示します。今のところ、ページの読み込みでは、これらのコメントはクラスによって隠されています。

コメントの表示を非表示にする方法や、ユーザーが特定のコメントボタンをクリックして投稿のコメントのみを表示する方法を理解できません。

今は投稿ごとにすべてのコメントを表示しています。

私はpost._idを使用して特定のコメントをターゲットに設定できますが、そのデータの使用方法は不明です。何かご意見は？

ジェイドファイル

.fullPostContainer 
      each post in posts 
       .media.white.paddingBoxForPost 
        .media-left.media-middle 
         a.removeTextDeco(href=post.link, target='_blank') 
          img.media-object(src=post.img, alt='facebook logo') 

        .media-body 
         a.removeTextDeco(href=post.link, target='_blank') 
          div#mainTitlePost.media-heading.postTitleFont= post.title 
          div#mainShortDesc.descriptionFont= post.description 
         //form.formSub 
         // label(for='upvote') 
         button.upvoteClick.btn.btn-lg.btnColor(value= post._id) 
          span.glyphicon.glyphicon-fire= post.upvote 
         button.btn.commentsInit.btn-lg.btnColor(value= post._id) 
          span.glyphicon.glyphicon-comment 
       .commentsForTheWin.hideOnLoad 
         p this is some text 
         span 

JSファイル

$(function() { 

$('.commentsInit').click(function() { 


    // grabs value of button which is post._id 
    // var uniCommID = $(this).attr("value"); 


    $('.hideOnLoad').toggle("slow"); 


    $.ajax({ 
     type: "GET", 
     url: "/api/comments" 
    }).success(function (users) { 

     var a = JSON.stringify(users); 
     $('.commentsForTheWin span').text("Comments but not really for " + a); 

    }) 

}) 

}); 

（私は今の私のDBから欲しいものを正確に取得していますが、私はただ、特定のクラスをターゲットにする方法を考え出す最も困難な時間を過ごしていますまたはそれが可能であっても）。

Answer 1

私は、.commentsInitボタンから木をたどるためにjQuery .closest()を使用しました。変数に親の参照.paddingBoxForPostを保存し、関連する要素をターゲットにするために使用しました。

$(function() { 
    $('.commentsInit').click(function() { 

    // grabs value of button which is post._id 
    // var uniCommID = $(this).attr("value"); 

    var $post = $(this).closest('.paddingBoxForPost'); 

    $post.find('.hideOnLoad').toggle("slow"); 

    $.ajax({ 
     type: "GET", 
     url: "/api/comments" 
     }).success(function(users) { 
     var a = JSON.stringify(users); 
     $post.find('.commentsForTheWin span').text("Comments but not really for " + a); 
    }) 
    }) 
});