javascript - 制作回复表单以显示在要回复的确切点击评论上

Question

我在博客网站上工作。在博客详细信息中，我有一个评论部分，可以回复每个评论。它是这样的：外层是评论，内层是回复。

我使用了 Javascript，所以当用户点击“回复”时，回复表单会出现在评论下方，如下所示：

我的问题是，无论点击哪个评论回复，回复表单总是显示在第一条评论上。我怎样才能让它出现在确切点击的评论上？我正在使用 Django，以及 HTML、CSS 和 JS 作为前端。

这是我的脚本：

    function classingFunction() {
      var element = document.getElementById("my-reply");
      if (element.classList.contains('my_reply')) {
        element.classList.remove("my_reply");
      }
      else if (element.classList.contains('my_reply') == false){
        element.classList.add("my_reply");
      }
    }

my_reply 类的表单有 {display:none;} 。

标签： javascripthtmlcssdjango-templates