Система множественных комментариев

Question

У меня есть система комментариев в стиле stackoverflow, в которой есть переменное количество постов («ответов») на странице, которые люди могут комментировать.Я пытаюсь использовать jquery, чтобы получить уникальный селектор комментария пользователя, отправить его в базу данных MySQL и отобразить его, все без обновления.Проблема в том, что я не знаю, как выбрать отдельный комментарий, потому что у комментария должен быть уникальный селектор, и сейчас все они находятся в одном классе (.commentBox).

JQUERY:

<script type='text/javascript'>
$('document').ready(function(){

$('.submitCommentBox').click(function(){

            var comment = $('  //idk ').valu();
            var questionid = $(' //idk  ').val();
            var answerid=$('  //idk  ').val();

    $.post('../comment.php',
    {

    comment: comment,
    questionid: questionid,
    answerid: answerid,


    },
    function(response){

        $('#commentContainer').load('../writecomment.php');

    });

}):

});

</script>

HTML (это цикл while и повторяется несколько раз в зависимости от количества сообщений):

                 <div class='answerContainer'>
                    <p name='singleAnswer' value='$answerid[$f]'>$answer[$f]</p>
                    <p>$answeruser[$f]</p>
                    <p> $time[$f] seconds</p>
                    <p> $answerrating[$f]</p>
                    <form id='form$c'>
                    <div id='commentContainer'></div>
                    <textarea class='commentBox' placeholder='...comment' wrap='soft' name='comment' value='$c'></textarea>
                    <input type='button' value='submit' class='submitCommentBox'>
                    </form>
                    </div>

Answer 1

Вместо передачи на отправку вы можете сделать это в форме и просто изменить кнопку отправки на type = "submit".

$('.addCommentForm').submit(function(){
    $.post({
        type: 'POST',
        url: '../comment.php',
        data: $(this).serialize(),   // $(this) referring to the source form that triggered the submit.
        success: function(data, textStatus, jqXHR) {
            // Do whatever like add the display only equivalent of the comment
            // that was just submitted if successful.
        }
    });
    return false; // Prevent the form from actually submitting the old fashion way.
});

Я бы обратился к API jquery для этогоБольше подробностей.http://api.jquery.com/jQuery.post/