如何在 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();
   });
});