Symfony JQuery он меняет меня последний элемент

Question

Привет всем, я прихожу к вам, потому что у меня небольшая проблема, я создаю систему динамических комментариев в ajax, и я хотел бы редактировать каждый комментарий, за исключением того, что, когда я делаю это, он меняет меня последним, а не элемент нажал Я пропустил то, что я думаю

я еще ничего не пробовал пока не вижу как это сделать

Мой код: js:

$('#edit-comments').hide();


$('#add-comments').on('click', function (e) {
    e.preventDefault();

    $.ajax({
        url: $(this).attr('action'),
        type: 'POST',
        data: $('#formsComments').serialize(),
        dataType: 'json',
        success: function (data) {
            $('#comments_commentsContent').val('');
            $('#content-comments').append(data.content);
        },
        error: function (data) {
            console.log(data);
            if(data.status === 500) {
                $('#errors-comments').html('<div class="error">Vous n\'avez pas ajouté de commentaires\n</div>')
            }
        }
    });

});

$('.comments-content').on('click', function (e) {
    e.preventDefault();
    $('#add-comments').hide();
    $('#edit-comments').show();

    var idEdit = $(this).attr('id');
    var idContent = idEdit.split('-');
    var res = $('p#comments-content-'+idContent[2]).text();
    console.log(idContent);

    $('#comments_commentsContent').val(res);

    $('#edit-comments').on('click', function (e) {
        e.preventDefault();
        $.ajax({
            url: '/article/commentaires/'+idContent[2]+'/edit/'+idContent[3],
            type: 'POST',
            data: $('#formsComments').serialize(),
            dataType: 'json',
            success: function (data) {
                console.log(data);
                $('#comments_commentsContent').val('');
                $('#add-comments').show();
                $('#edit-comments').hide();

                $('#comments-content-'+idContent[2]).html(data.content.message);
            },
            error: function (data) {
                console.log(data);
            }
        });
    });
});

Мой взгляд веточку:

 {% for comment in article.comments %}
                            <div class="media" id="media">
                                <div class="media-body">
                                    <div class="media-heading">
                                        <h4>{{ comment.userComments.username }}</h4>
                                        <span class="time">{{ comment.createdAt | date("d/m/Y à H:i") }}</span>
                                        {% if app.user %}
                                            {% if comment.userComments.id == app.user.id %}
                                                <a href="{{ path('front_article_edit_comments', {'id': comment.id, 'user': comment.userComments.id}) }}#comments" class="comments-content" id="edit-comments-{{ comment.id }}-{{ comment.userComments.id }}" >
                                                    <i class="fa fa-pencil" aria-hidden="true"></i>
                                                </a>
                                            {% endif %}
                                        {% endif %}
                                        {% if is_granted('ROLE_ADMIN') %}
                                        <a href="{{ path('front_article_delete_comments', {'id': comment.id}) }}#comments" onclick="return confirm('Vous voulez vous vraiment supprimer ce commenaitre ?');">
                                            <i style="padding-left: 10px; color: #CBBBA3;" class="fa fa-times" aria-hidden="true"></i>
                                        </a>
                                        {% endif %}
                                    </div>
                                    <p id="comments-content-{{ comment.id }}">{{ comment.commentsContent|nl2br }}</p>
                                </div>
                            </div>
                            {% endfor %}

новых комментариев:

if($request->isXmlHttpRequest() && $form->isValid()) {
            $user = $this->getUser();
            $comments->setUserComments($user);
            $comments->setArticleComments($articles);
            $em->persist($comments);
            $em->flush();

            $html = $this->renderView('articles/comments.html.twig', ['comment' => $comments]);

            return $this->json(['content' => $html]);
        }

редактировать комментарии:

 if($request->isXmlHttpRequest() && $form->isValid()) {
            $em = $this->getDoctrine()->getManager();
            $em->flush();

            return $this->json(['content' => [
                'message' => $comments->getCommentsContent(),
                'user' => $comments->getUserComments()->getId(),
                'id-comments' => $comments->getId(),
            ]]);
        }

Когда я хочу отредактировать первый комментарий или второй, он не работает.