Получение идентификатора элемента цикла при нажатии на jquery

Question

Я беру список данных из своей базы данных, используя цикл. Я зацикливаю один div, но значения меняются в зависимости от того, что у меня есть в базе данных. Я хочу получить идентификатор ссылки, которую я нажимаю на отдельных div. ниже - мои html-коды ...

<?php 
$query = $student->conn->prepare('SELECT * FROM groups'); 
$query->execute(); 
$result = $query -> fetchAll(); 
$count = 0; 
foreach ($result as $row) { 
    $count = $count + 1; 
    $groupName = $row['GpName']; 
    $groupAdmin = $row['GpAdmin']; 
    $groupPurpose = $row['GpPurpose']; 
    $output = "42"; 
    echo "<div class='animated flipInY col-sm-4'> 
       <div class='tile-stats'> 
        <div class='icon'><i class='fa fa-tags'></i></div> 
        <div class='count'>$count</div> 
        <h3 id='groupName'>$groupName</h3> 
        <a id='$groupName' class='display' href='#'><p>Click here display group information.</p></a> 
       </div> 
      </div>"; 
} 
?> 

Это код jQuery, который я использую. она работает в консоли, но он не работает на странице:

$('.display').on('click', function() { 
    $(this).next();  
    var id = $(this).prev().val(); 
    alert(id); 
}); 

Answer 1

Заявление

Он работает в консоли, но он не работает на странице

заставляет меня думать, что вы используете Ajax, что означает, что вы привязываете событие к тем элементам, которые не существуют. Таким образом, использование события пузырится или связывать события после замены содержимого.

$(document).on('click', '.display', function() { 
    var id = $(this).prev().val(); 
    alert(id); 
});