Laravel:生成的带有循环的按钮(如何判断哪一个是被点击的)

<!-- resources/views/items.blade.php -->
@foreach ($items as $item)
    <div>
        {{ $item->name }}
        <button class="item-button" data-id="{{ $item->id }}">操作</button>
    </div>
@endforeach

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
    $('.item-button').on('click', function() {
        var itemId = $(this).data('id');
        alert('按钮被点击，项目ID：' + itemId);
        // 可以在这里发送 AJAX 请求到服务器
        $.ajax({
            url: '/items/' + itemId,
            type: 'POST',
            data: { _token: '{{ csrf_token() }}' },
            success: function(response) {
                console.log(response);
            },
            error: function(xhr, status, error) {
                console.error(error);
            }
        });
    });
});
</script>

// routes/web.php
Route::post('/items/{id}', [ItemController::class, 'handleClick']);

// app/Http/Controllers/ItemController.php
namespace App\Http\Controllers;

use Illuminate\Http\Request;

class ItemController extends Controller
{
    public function handleClick($id)
    {
        // 根据 $id 进行相应的处理
        return response()->json(['message' => '项目ID ' . $id . ' 的按钮被点击了']);
    }
}

$(document).on('click', '.item-button', function() {
    var itemId = $(this).data('id');
    // 处理点击事件
});