PHPСоздание динамически модельного ряда

Я создаю Line для вечеринки на сайте (например, какие художники будут там и т. Д.).
Я сделал динамически созданный список из текстиля.

Вот так выглядит мой пример txt-файла (это строка за строкой, пустых строк нет):

5

азбука

22:00

Защита

23:15

Ghi

00:00

JKF

1:00

Lmn

2:00

Вот мой PHP-код:

<?php
$lines = file('Artists.txt'); $count = $lines [0]; $artist = 1; $time = 2;
foreach( range(1,$count) as $item)
{
$element = "<div class =box><h3> $lines[$artist] </h3>
<h4> $lines[$time] </h4> </div>";
echo $element;
$artist = $artist +2;
$time = $time +2;
}

Итак, посчитайте, сколько ящиков нужно создать. Каждый блок включает в себя имя исполнителя и время, в которое они будут играть.
Проблема, которую я пытаюсь решить, заключается в следующем: каждый раз, когда я нажимаю на конкретный div (допустим, первый — это DJ tiesto), справа отображается div с его изображением, а под вторым div с описанием.

Как я могу связать это, так как погружения в очереди создаются динамически, и у них нет номера или имени?
Как я могу знать, что когда я нажму именно на первый div с Tiesto, он покажет его фотографию?

Мне очень жаль моего плохого английского, и я надеюсь, что кто-то может мне помочь, спасибо!