javascript - 如何让我的 jQuery 函数适用于 foreach 循环内的每个元素？

Question

我有一个显示帖子的 foreach 循环，所有帖子都带有评论按钮

<button type="button" class="commentbtn" id="comment">
    <i class="em em-thought_balloon"></i>
</button>

该功能本身运行良好，但仅适用于显示的最新帖子，不适用于其他帖子。当单独单击每个帖子评论按钮时，我试图让它工作。这就是函数

 $(document).ready(function(){
    $("#commentform").hide();
    $("#comment").click(function(event) {
        $("#commentform").show();
    });
});

有什么想法可以轻松解决这个问题吗？

编辑:这是我正在使用的 HTML，它是 Laravel Collective

 {!! Form::open(['method'=>'POST','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() !!}

Answer 1

您多次使用相同的 ID 通过循环进行绑定(bind)。不要这样做。使用类。

$(".commentform").hide();
    $(".commentbtn").click(function(event) {
       $(this).next().find('.commentform').show();
  });