Javascript 如何使用laravel和Ajax将响应结果附加到特定类上

Javascript 如何使用laravel和Ajax将响应结果附加到特定类上,javascript,jquery,laravel,Javascript,Jquery,Laravel,我在使用ajax和laravel实时计算喜欢的次数方面遇到了问题,因此一旦响应成功,响应的结果将附加到特定的类中,但是当我单击“喜欢”按钮时会发生这种情况。每个类都添加了结果。为了更好地理解。请参阅下面所附的图片。 w 问题:如何将结果附加到特定的like按钮上 说明: Html循环数据: 谢谢。为每个类指定一个唯一的id echo '<a class="nav-link btn_like_each_content" id="content_'.$latest_news_data->

我在使用ajax和laravel实时计算喜欢的次数方面遇到了问题,因此一旦响应成功,响应的结果将附加到特定的类中,但是当我单击“喜欢”按钮时会发生这种情况。每个类都添加了结果。为了更好地理解。请参阅下面所附的图片。 w

问题:如何将结果附加到特定的like按钮上

说明:

Html循环数据:


谢谢。

为每个类指定一个唯一的id

echo '<a class="nav-link btn_like_each_content" id="content_'.$latest_news_data->content_id.'" data-attri-like-content="'.$latest_news_data->content_id.'" style="color:#757a91; font-size:13px;"><i class="far fa-thumbs-up" style="color:#757a91; font-size:13px;" ></i> <label class="total_count_of_like_each_content" >0</label> Likes</a>';
})

$('a.btn_like_each_content').on('click',function(){

    var content_id = $(this).attr("data-attri-like-content");


    var data = content_id;

    $.ajax({
        url: "/total_count_like_each_comment",
        type:'post',
        data:{like_id:data},
        success: function( response ) {

            if(response == 'Clicked') {

              $.ajax({
                url:"/retrive_like_count_each_content",
                type:'get',
                data:{content_id: data},
                dataType:'JSON',
                success:function(res) {

                    var total_count_of_specific_content = res[0]['count_like'];

                    var parseTotalLike = parseInt(total_count_of_specific_content);
                    $('.total_count_of_like_each_content').text( parseTotalLike );



                },
                error:function(err) {
                  alert('Failed To Insert');

                }

              })

            }

        }
    });


  });
echo '<a class="nav-link btn_like_each_content" id="content_'.$latest_news_data->content_id.'" data-attri-like-content="'.$latest_news_data->content_id.'" style="color:#757a91; font-size:13px;"><i class="far fa-thumbs-up" style="color:#757a91; font-size:13px;" ></i> <label class="total_count_of_like_each_content" >0</label> Likes</a>';
$('a.btn_like_each_content').on('click',function(){

var content_id = $(this).attr("data-attri-like-content");

var actual_content_id = $(this).attr("id");

var data = content_id;

$.ajax({
    url: "/total_count_like_each_comment",
    type:'post',
    data:{like_id:data},
    success: function( response ) {

        if(response == 'Clicked') {

          $.ajax({
            url:"/retrive_like_count_each_content",
            type:'get',
            data:{content_id: data},
            dataType:'JSON',
            success:function(res) {

                var total_count_of_specific_content = res[0]['count_like'];

                var parseTotalLike = parseInt(total_count_of_specific_content);
                $('#' + actual_content_id).text( parseTotalLike ); //Pass actual content ID here



            },
            error:function(err) {
              alert('Failed To Insert');

            }

          })

        }

    }
});