Как получить идентификатор элемента внутри строки и столбца?

Question

У меня есть день и расписание. Я показал день и время в al oop, как это. Я хочу назначить идентификатор AV (зеленый) из таблицы дня и времени. Например: я хочу назначить идентификатор для AV, расположенного в понедельник 10-11 утра. Я хочу назначить в эти данные как идентификатор понедельника, так и номер 10-11 утра.

Мой код выглядит следующим образом

    <table class="table table-bordered table-responsive-sm book-table">
                         <tbody>
                           <tr class="days">
                             <th>
                              Days/time
                             </th>
                             @foreach($times as $time)
                            <td>{{$time->time}} {{$time->shift}}</td>
                             @endforeach
                           </tr>
                           @foreach($days as $day)
                           <tr> 

                             <th>{{$day->day}}</th>
                           <td class="av hello" data-id="{{$day->id}}">AV</td>
                             <td class="av">AV</td>
                             <td class="av">AV</td>
                             <td class="av">AV</td>
                             <td class="av">AV</td>
                             <td class="av">AV</td>
                             <td class="av">AV</td>
                             <td class="av">AV</td>
                             <td class="av">AV</td>
                             <td class="av">AV</td>
                             <td class="av">AV</td>
                             <td class="av">AV</td>
                             <td class="av">AV</td>
                             <td class="av">AV</td>
                             <td class="av">AV</td> 
                          </tr>
                            @endforeach
                         </tbody>
                      </table>

Answer 1

Если вы хотите указать дату и время отдельно, вы можете сделать это:

<table class="table table-bordered table-responsive-sm book-table">
  <tbody>
    <tr class="days">
      <th>Days/time</th>
      @foreach($times as $time)
      <td>{{ $time->time }} {{ $time->shift }}</td>
      @endforeach
    </tr>
    @foreach($days as $day)

    <tr>
      <th>{{ $day->day }}</th>
      @foreach($times as $time)
      <td class="av hello" data-day_id="{{ $day->id }}" data-time_id="{{ $time->id }}">AV</td>
      @endforeach
    </tr>

    @endforeach
  </tbody>
</table>

Или, если вы хотите дать один идентификатор для каждого AV, вы можете сделать:

<table class="table table-bordered table-responsive-sm book-table">
  <tbody>
    <tr class="days">
      <th>Days/time</th>
      @foreach($times as $time)
      <td>{{ $time->time }} {{ $time->shift }}</td>
      @endforeach
    </tr>
    @foreach($days as $day)

    <tr>
      <th>{{ $day->day }}</th>
      @foreach($times as $time)
        <td class="av hello" data-id="{{ $day->id }}_{{ $time->id }}">AV</td>
      @endforeach
    </tr>

    @endforeach
  </tbody>
</table>

Answer 2

Поскольку временные диапазоны уже установлены, вам не нужно использовать foreach внутри foreach

<table class="table table-bordered table-responsive-sm book-table">
   <tbody>
      <tr class="days">
         <th>
            Days/time
         </th>
         @foreach($times as $time)
         <td>{{$time->time}} {{$time->shift}}</td>
         @endforeach
      </tr>
      @foreach($days as $day)
      <tr>
         <th>{{$day->day}}</th>
         <td class="av hello" data-id="{{$day->id}}-{{$times[0]->time}}">AV</td>
         <td class="av" data-id="{{$day->id}}-{{$times[1]->time}}">AV</td>
         <td class="av" data-id="{{$day->id}}-{{$times[2]->time}}">AV</td>
         <td class="av" data-id="{{$day->id}}-{{$times[3]->time}}">AV</td>
         <td class="av" data-id="{{$day->id}}-{{$times[4]->time}}">AV</td>
         <td class="av" data-id="{{$day->id}}-{{$times[5]->time}}">AV</td>
         <td class="av" data-id="{{$day->id}}-{{$times[6]->time}}">AV</td>
         <td class="av" data-id="{{$day->id}}-{{$times[7]->time}}">AV</td>
         <td class="av" data-id="{{$day->id}}-{{$times[8]->time}}">AV</td>
         <td class="av" data-id="{{$day->id}}-{{$times[9]->time}}">AV</td>
         <td class="av" data-id="{{$day->id}}-{{$times[10]->time}}">AV</td>
         <td class="av" data-id="{{$day->id}}-{{$times[11]->time}}">AV</td>
         <td class="av" data-id="{{$day->id}}-{{$times[12]->time}}">AV</td>
         <td class="av" data-id="{{$day->id}}-{{$times[13]->time}}">AV</td>
         <td class="av" data-id="{{$day->id}}-{{$times[14]->time}}">AV</td>
      </tr>
      @endforeach
   </tbody>
</table>

Answer 3

Вы можете попробовать вот так:

<table class="table table-bordered table-responsive-sm book-table">
    <tbody>
    <tr class="days">
        <th>
            Days/time
        </th>
        @foreach($times as $time)
        <td>{{$time->time}} {{$time->shift}}</td>
        @endforeach
    </tr>
    @foreach($days as $day)
    <tr>
        <th>{{$day->day}}</th>
        @foreach($times as $time)
        <td class="av hello" data-id="{{$day->id}}_{{$time->time}}">AV</td>
        @endforeach
    </tr>
    @endforeach
    </tbody>
</table>