Question

所以我想在我的新网站上建立一个评论系统。所有评论都有一个回复按钮，其中包含id＆＃39; replybtn ＆＃39;其中，onclick我想在div中显示textarea或输入字段，其中包含id＆＃39; replyform ＆＃39;在相应评论的正下方。我正在使用php，mysql来检索评论。

margin-right:auto

谢谢。这是我在stackoverflow上提出的第一个问题，很抱歉，如果我没有提供足够的信息。

Answer 1

试试这个。这是简单的JavaScript。修改下面你想要的。 :) 我更新了它。

var varHtml = "<form method='post' ..... ><textarea name='reply' ></textarea> <input type='submit' /> </form>";


var allElements = document.body.getElementsByClassName("replybtn");

var addCommentField = function() {
  for (var i = 0; allElements.length > i; i++) {
    if (allElements[i] === this) {
      console.log("this " + i);

      if (document.getElementsByClassName("replyform")[i].innerHTML.length === 0) {
        document.getElementsByClassName("replyform")[i].innerHTML = varHtml;
      }

    }
  }
};


for (var i = 0; i < allElements.length; i++) {
  allElements[i].addEventListener('click', addCommentField, false);
}

<div class='cmt'>
  <div class='cmttext'></div>
  <button class='replybtn'>replybtn</button>
  <div class='replyform'></div>
</div>
<div class='cmt'>
  <div class='cmttext'></div>
  <button class='replybtn'>replybtn</button>
  <div class='replyform'></div>
</div>
<div class='cmt'>
  <div class='cmttext'></div>
  <button class='replybtn'>replybtn</button>
  <div class='replyform'></div>
</div>

显示textarea或div（在评论下面回复），当我点击评论系统javascript上的回复按钮而不是jquery

1 个答案: