Javascript 我想在使用jquery单击链接后打开回复文本框

我正在开发讨论板，我想使用jquery对每条评论建立一个回复系统，这样我就可以点击评论链接，然后打开文本框，在不加载整个页面的情况下写下我对此评论的回复。 下面是我的Html和PHP代码

 <?php
$query = $conn->query("SELECT * FROM comments WHERE article_id = '$ArticleID' ");
$rowCount = $query->num_rows;
if($rowCount > 0)
{
  while($row = $query->fetch_assoc())
  { 
  $CommentID = $row['comment_id'];
  $Comment = $row['text'];
  ?>
  <li class="comment">
  <div class="comment-container">
  <div class="comment-meta">
  <a class="comment-reply-link link-style3 creply" href="">Reply &raquo;</a>
  </div>
  <div class="comment-body">
  <p><?php echo $Comment; ?>.</p>
  </div>
  </div>
  </li>

  <li style="list-style: none; display: inline">
  <div class="comment_form">
  <form action="#" method="post">
  <textarea class="span10" name="Comment" rows="6"></textarea><br>
  <input class="btn btn-primary" type="submit" value="Reply">
  </form>
  </div> 
 <?php
  }
}
?>
</li>

---

您需要查询
parents（）
并找到下一个
.comment\u form
元素

<script type="text/javascript">
  $(document).ready(function() {
      $(".creply").click (function(e) {
        e.preventDefault();
        $(this).parents().next('.comment_form').toggle();
      });
  });
</script>


$（文档）.ready（函数（）{
$（“.creply”）。单击（函数（e）{
e、 预防默认值（）；
$（this）.parents（）.next（'.comment_form'）.toggle（）；
});
});
您只需选择类为
的最接近的父元素。首先注释，然后到达子元素。
$（文档）.ready（函数（）{
$（“.creply”）。单击（函数（e）{
e、 预防默认值（）；
$（this）.closest（'.comment'）.next（）.show（）；
});
});



霉素





最后一行上的结束标记似乎位于错误的位置？i、 e.它属于
而
循环？非常感谢，它可以工作：）我使用了这行代码$（this）.parents（）.next（'.comment_form'）.toggle（）；而不是$（this.next（“.comment_form”）.show（）；而且很有效。。再次感谢：）嘿，我验证了这不起作用，相反，我找到了
$（this.parents（）.next（'li'）.toggle（）正在工作。看见你能提供一个工作演示吗。
<script src="jquery-3.1.1.min.js">

<script type="text/javascript">
  $(document).ready(function() {
      $(".creply").click (function(e) {
        e.preventDefault();
        $(this).parents().next('.comment_form').toggle();
      });
  });
</script>