Комментируйте процедуру ответа, используя jquery и php?

Question

В моем приложении есть система комментирования. Для отдельной видеозаписи любой может опубликовать комментарий, а кто-то другой может опубликовать ответ на этот комментарий и ответы, не может иметь их повторений, как это делает StackOverflow (1 ответ и 1 или более ответов).

Мне нужна аналогичная функциональность, которая есть у SO. Давайте я получу следующий HTML

<div class="comment" id="comment-908">
  First comment
</div>
<div class="reply">
  <div id="reply-909>
     reply 1
  </div>
  <div id="reply-910>
     reply 2
  </div>
  <div id="reply-911>
     reply 3
  </div>
</div>
<form id="reply-form">
  <textarea id="replycomment" name="replycomment"></textarea>
  <input type="submit" name="submit-reply" value="add reply" />
</form>

Теперь над HTML - образец, который я создал. Когда кто-то нажимает на кнопку «Добавить ответ», я использую jquery для публикации там ответа.

Теперь я хочу знать, что будет несколько комментариев и несколько форм добавления ответа. Итак, кто нажимает на какую кнопку и для какого комментария кто-то хочет опубликовать ответ, как я узнаю это?

Приведенный выше HTML-код неверен, пожалуйста, предложите мне правильный HTML-поток, который я могу использовать и как работать с jquery?

Теперь я хочу знать, когда со

Answer 1

Сначала измените HTML-форму на что-то похожее:

<form class="reply-form" action="url/to/submit/123456" method="post">
    ...
</form>    

Причина этого в том, что вы не можете иметь один и тот же идентификатор для более чем одного элемента, поэтому, чтобы упростить проблему, вы можете просто сделать всю форму ответа в форме ответа класса (это просто). Добавление действия формы с идентификатором также является хорошей практикой, так что даже на вашем клиенте не включен javascript / ajax, он все еще может функционировать при нажатии на кнопку отправки.

И затем, остальная часть работы будет (предположим, ваша форма - ajax submit):

$(".reply-form").each(function(){
    var form = $(this);
    var submitUrl = form.attr("action");
    $("input:submit", form).click(function(){
        // implement the submit logic here.
    });
});