如何定位在JQuery中特定按鈕foreach循環元素

Question

當我點擊這個職位「評論」按鈕，在foreach循環

<button type="button" class="commentBtn"> 
<i class="em em-thought_balloon"></i> 
</button> 

我試圖讓這種形式打開

{!! Form::open(['method'=>'POST', 'style'=>'display: none;', 'class'=>'commentform']) !!} 
{!! Form::textarea('Comment', null, ['size'=>'50x2']) !!} 
{!! Form::button('Comment', ['type'=>'submit', 'class'=>'btn btn-primary']) !!} 
{!! Form::button('Cancel', ['class'=>'btn btn-default cancelcomment']) !!} 
{!! Form::close() !!} 

我正在使用Laravel，該按鈕位於刀片模板的foreach循環中。表單本身也在foreach循環中。當我點擊按鈕時，我的jQuery函數正在工作，但它爲我的foreach循環中的每個帖子打開表單，而不是僅針對目標文章。這是功能：

$(document).ready(function(){ 
    $(".commentform").hide(); 
     $(".commentBtn").click(function(e) { 
      $(".commentform").show(); 
    }); 
}); 

我該如何解決此功能，以便只有針對該帖子的目標按鈕打開窗體？而不是在foreach循環中顯示的每個帖子都打開窗體。

Answer 1

假設.commentform是.commentBtn同級：

$(document).ready(function(){ 
    $(".commentform").hide(); 
     $(".commentBtn").click(function(e) { 
      $(this).siblings(".commentform").show(); 
    }); 
}); 

Answer 2

你可以當我點擊該代碼按鈕自帶直接點擊按鈕後，現在

$(document).ready(function(){ 
    $(".commentform").hide(); 
    $(".commentBtn").click(function(e) { 
     $(this).next(".commentform").show(); 
    }); 
});