如何打开仅选定评论的回复文本框？答案

【问题标题】：How to open reply text box of only selected comment?如何打开仅选定评论的回复文本框？
【发布时间】：2020-02-12 02:09:29
【问题描述】：

有一个帖子。在帖子中，用户也可以评论和回复。可以有很多评论。每个评论都有回复按钮。每个回复按钮都有相同的类reply。所以，每当我尝试回复某些评论并按下回复按钮时。每个评论的回复文本框都会打开。我想打开所选评论的回复text box。

我尝试过先隐藏reply form，然后单击回复按钮后它会显示出来。评论 id 也可以从回复按钮传递给 jquery。

Blade file
<a href="#" class="reply">Reply</a>
<div class="reply-form">
  <form action="{{route('reply')}}" method="post">
     @csrf
     <input name="reply" type="text">
  </form>
</div>

jquery file
$('.reply-form').hide();
$('.comment-container').delegate(".reply","click",function(e){
  e.preventDefault();
  $('.reply-form').toggle(function(){

  });
})

对于每条评论，都有一个具有相同类名的按钮回复reply 所以，cmets 的每一个回复都会出现在 i click 一个 reply button 之后。

【问题讨论】：

标签： javascript php jquery laravel laravel-blade

【解决方案1】：

试试这个

$('.reply-form').hide();
$('.comment-container').delegate(".reply","click",function(e){
  e.preventDefault();
  $($(this).find('.reply-form')).toggle(function(){

  });
});

【讨论】：

什么都没发生

【解决方案2】：

尝试以下方法：

$('.reply-form').hide();
$('.reply').click(function(e) {
   e.preventDefault();
   var replyForm = $(this).siblings('.reply-form');
   $(replyForm).toggle(function(){

   });
});

【讨论】：

【解决方案3】：

用 jquery 的变化试试这个。

Blade file
<a href="#" class="reply">Reply</a>
<div class="reply-form d-none">
  <form action="{{route('reply')}}" method="post">
     @csrf
     <input name="reply" type="text">
  </form>
</div>

为 d-none 添加样式

.d-none{display:none;}

和jquery一样，

$(document).on('click','.reply',function(){
   $(this).closest('.reply-form').removeClass("d-none");
   //$(this).closest('.reply-form').toggleClass("d-none"); //second option if want to show and hide
}

并从锚点中删除 href="#" 或添加 javascript:void(0)

【讨论】：