Javascript 不知道如何传递图像的id以便在ajax调用中使用它

目前，我正在尝试实现投票系统，以便用户可以喜欢或不喜欢上传的图像，但是，我尝试使用ajax调用来实现，这让我有点困惑。我不知道如何将用户喜欢的图像id（页面上会有很多图像）传递给ajax调用。在JavaScript文件中，data:imageId当前为空，因为我不知道如何准确地确定和传递图像的id

主视图：

@extends('layouts.app')
@section('content')
    @foreach($images as $image)
        <div class='imageContainer'>
            <div class="stickyContainer blackGradient">
                <h1 class='imageTitle'>{{$image->name}}</h1>
                <img class='uploadedImg' src='{{url("storage/uploads/images/".$image->file_name)}}' alt='Random image'/>
                <a class='specialA' href='{{url("image/".$image->id)}}'></a>
                <div class='votingContainer'>
                    <a href='#'><div class='like'></div></a>
                    <a href='#'><div class='dislike'></div></a>
                </div>
            </div>
        </div>
    @endforeach
    <script>
        var token = '{{ Session:token() }}';
        var urlLike = '{{ route('like') }}';
    </script>
@endsection

---

将图像的id指定给视图中的like按钮：

 <a href='#'><div class='like' id={{$image->id)}}></div></a>

另一方面：在javascript中，我不明白为什么要用以下内容来取消前面的兄弟：

var isLike = event.target.previousElementSibling == null;

---

将属性值作为图像Id的数据属性添加到图像元素中，如

Data imgId=“1”

。它对于每个图像元素都应该是唯一的

<img class='uploadedImg' src='{{url("storage/uploads/images/".$image->file_name)}}' data-imgId="{{$image->id)}}" alt='Random image'/>

var isLike = event.target.previousElementSibling == null;

<img class='uploadedImg' src='{{url("storage/uploads/images/".$image->file_name)}}' data-imgId="{{$image->id)}}" alt='Random image'/>

var imgId = $(this).parents('.stickyContainer').find('.uploadedImg').attr('data-imgId');