Есть следующая проблема: При нажатии на каждую из кнопок 0 1 0, 0 1 1 и т.д. в консоли должны отображаться данные (дата и врач), которые берутся из атрибутов value через class и id. В цикле подставляются нужные значения и срабатывает нужная кнопка. НО: как только я добавила в html коде id="{{ $doctor->id }}", чтобы id врачей тоже можно было перебрать в цикле, стала выводиться только первая дата, остальное - undefined. В чём может быть проблема?
JS:
let date_count = $('#date_count').val();
let doctor_count = $('#doctor_count').val();
let time_count = $('#time_count').val();
for(let i = 0; i < date_count; i++){
let date_id = i;
for(let j = 1; j <= doctor_count; j++){
let doctor_id = j;
for(let k = 0; k < time_count; k++){
let time_id = k;
$(`#${date_id}${doctor_id}${time_id}`).on('click', function(){
let date = $(`.date#${date_id}`).val();
let doctor = $(`.doctor#${doctor_id}`).val();
let time = $('#time').val();
console.log(date)
console.log(doctor)
let token = $('#token').val();
})
}
}
}
HTML:
@foreach($sorted_date as $date)
@foreach ($polyclinic_doctors as $doctor)
<div class="card-body">
<data type="hidden" name="_token" id="token" value="{{ csrf_token() }}"></data>
<data id="date_count" value="{{$loop->parent->count}}">
<data id="date_id" value="{{ $loop->parent->index }}"></data>
<data class="date" id="{{ $loop->parent->index }}" value="{{ $date }}">{{ $date }}</data>
</data>
<data id="doctor_count" value="{{$loop->count}}">
<data type="hidden" class="doctor" id="{{ $doctor->id }}" value="{{ $doctor->id }}"></data>
<p>{{ $doctor->name }} {{ $doctor->field }} {{ $doctor->office }}</p>
</data>
@foreach ($times as $time)
<data type="hidden" id="time_count" value="{{$loop->count}}">
<data id="time_id" value="{{ $loop->index }}"></data>
<data type="hidden" name="time" id="time" value="{{ $time }}"></data>
</data>
<span class="appointments">
<button class="btn btn-info"
id="{{$loop->parent->parent->index}}{{ $doctor->id }}{{ $loop->index }}"
value="{{ $time }}">
{{$loop->parent->parent->index}} {{ $doctor->id }} {{ $loop->index }}
</button>
</span>
@endforeach
</div>
@endforeach
@endforeach