Обновление контента на jQuery?

Question

[m_xplay_official]

имеется html:

<i class="fas fa-thumbs-up likes" id-stock='<?=$sale_while['id_stock']?>' id='<?=$sale_while['id']?>' data-text='<?=$user['login']?>' lets='go'> <p class='p1' id='<?=$sale_while['id']?>'><?=$likes[0]?></p></i>

имеется js:

$(document).ready(function(){
    $('.likes').on('click', function(){
        var user = $(this).attr('data-text');
        var id_card = $(this).attr('id-stock');
        var likes = $(this).attr('lets');
        var id = $(this).attr('id');

        // Отправляем данные в обработчик
        $.ajax({
            method: "POST",
            url: "processing.php",
            cache: false,
            data: {
                p_user: user, 
                p_id_card: id_card, 
                p_likes: likes,
                p_id: id
            },
            success: function qq() { 
                $('i.likes').load(document.URL + ' p#'+id);
            }
        });
    });
});

По факту код работает почти как надо но с одним лишь большим минусом...

До нажатия на иконку:


После нажатия на иконку:


Вопрос: как избавиться от дублирования (скрин 2)

Answer 1

[WapSter]

Самый простой вариант при нажатии считывать id, в ответе уже по id отрисовывать. Более грамотные разработчики возможно подскажут как передать контест
UPD вижу что это есть, возможно у вас одинаковые id

Comments

[m_xplay_official]

в том то и дело что id разные до нажатия, после нажатия id становятся одинаковыми и цифры дублируются с той кнопки которая была нажата

[WapSter]

m_xplay_official, вы ловите id от .likes обращайтесь ко всем $('i.likes#' + id).load(document.URL + ' p#'+id);

[m_xplay_official]

Тимур Турсунбаев, о, и правда), спасибо большое, теперь все работает)