Javascript 注释系统：打开回复按钮旁边的复杂表单（编辑器）

我已经用PHP编写了一个评论系统。当前，编辑器位于页面顶部：

<form method="POST" id="comment_form" enctype="multipart/form-data">
   <input type="text" name="comment_name" id="comment_name" value="<?php echo $user ?>" placeholder="User" />
   <textarea name="comment_content" id="comment_content" placeholder="Comment" rows="5"></textarea>
   <input type="hidden" name="comment_id" id="comment_id" value="" />
   <input type="submit" name="submit" id="save" class="btn" value="Send" />
</form>

我想编辑器打开下面的任何答复按钮时，按钮之一是点击

我想在每个注释后面添加一个display:none属性的编辑器代码不是最好的解决方案

---

你能帮我做到这一点吗？

如果我理解正确，你希望所有评论都有一个表单，而不是在每个评论中重复表单HTML

在这种情况下，您需要通过JavaScript在DOM中移动它。您没有对此进行任何尝试，但它可能看起来像这样：

$(document).on('click', '.reply', function() {
   $('#comment_form').insertAfter(this); //<-- move form
   var comment_id = $(this).attr("id");
   $('#comment_id').val(comment_id);
   $('#comment_name').focus();
});

---

还要注意，JS在语法上是无效的，因为您有double}

只需移动表单html。我不确定这里的问题是什么。您的逻辑都不是基于位置的。你可以把表格放在任何你想要的地方。这正是我要找的，非常感谢！双}；这是个打字错误。

$(document).on('click', '.reply', function(){
   var comment_id = $(this).attr("id");
   $('#comment_id').val(comment_id);
   $('#comment_name').focus();
   });
});

$(document).on('click', '.reply', function() {
   $('#comment_form').insertAfter(this); //<-- move form
   var comment_id = $(this).attr("id");
   $('#comment_id').val(comment_id);
   $('#comment_name').focus();
});