Как выбрать правильный комментарий на странице с помощью jquery?

Question

[Сергей Нижний Новгород]

Всем привет.

Делаю ajax к кнопке лайков на комментариях. Не могу понять, как правильно выбрать элемент, к взаимодействию.

Есть цикл For, который выводит на страницу комментарии:

{% for com in com_view %}

    <div class="comment">
        <p class="comments_nickname">            
            <a href="{% url 'profile' com.user_link.id  %}"><span class="profile_link_comment">{{ com.user_link }}</span></a> | {{ com.comdata }}
        </p>
        <p class="comments_social_counter"><a id="up_com_video_like" class="comments_social_thumb" href="{% url "upvideocomlike" com.id %}"></a><span id="com_like_number">{{ com.get_plus }}</span></p>
        <p class="comments_main_text">{{ com.comtext }}</p>
        <hr>
    </div>

{% endfor %}

Я делаю ajax запрос с помощью jquery, к комментарию.

<script type="text/javascript">

    $('#up_com_video_like').click(function(e){
        e.preventDefault();

        $.ajax({
            url: '{% url "upvideocomlike" com.id %}',
            success: function(data){
                $('#com_like_number').html(data.count_like)                
            }
        });
    });

</script>

И получается, что если будет несколько комментариев, у них будет один и тот же ID. Поэтому либо код не будет работать, либо будут выбираться сразу все элементы. Также я не знаю, как в success передавать pk нужного комментария.

Comments

[Alexander Lebedev]

возьмите код из ответа intelligence и воспользуйтесь советом Bowen - не используйте один и тот же ID в нескольких элементах (суть ID как раз в его уникальности), воспользуйтесь классом, да хоть бы и вашим же comments_social_thumb

Answer 1

[Bowen]

И получается, что если будет несколько комментариев, у них будет один и тот же ID.

Используйте классы.

Comments

[Сергей Нижний Новгород]

Ну а как выбрать нужный комментарий? я вот этот момент не совсем могу понять?

[Bowen]

Terras: Изучите jQuery. Исходя из вашего комментария, можно предположить что вы его плохо знаете.

Answer 2

[intelligence]

<a id="up_com_video_like" data-comid="{{ com.id }}" class="comments_social_thumb" href="{% url "upvideocomlike" com.id %}"></a

$('#up_com_video_like').click(function(e){
        e.preventDefault();

        $.ajax({
            url: '{% url "upvideocomlike" com.id %}',
            data: {'pk': $(this).attr('data-comid'), 'csrfmiddlewaretoken': '{{ csrf_token }}'},
            success: function(data){
                $('#main_like_number').html(data.count_like)                
            }
        });
    });

Примерно так, думаю суть должна быть понятно. Соответственно, во вьюшке находится коммент с pk=com.id и к нему привязывается лайк.

Comments

[Сергей Нижний Новгород]

Вьюшку обработать я знаю, как. Я просто не могу понять, как выбирать конкретный комментарий, и как потом обработать success в этот же комментарий.