如何将数据值绑定到jquery中的id？

Question

我从数组中获取数据，并且我在div中绑定标题。现在对于每个标题key，我有多张牌，因此另一个foreach循环。我想将id设置为$key。我怎样才能做到这一点？ 我想我目前做错了。

@foreach ($data as $key => $cardData)
            <div class="event-list__current-events-section">
                <div class="event-list__current-schedule">
                    <h1 class="modules-title">{{ ucwords(trans($key)) }}</h1>

                <div id="{{$key}}"> //set the id as the key here

                    @include('includes/event-card',['data'=>$cardData,'hideLoadMore'=>false,'type'=>$key])
                </div>
            </div>
        </div>
    @endforeach