Question

我正在使用循环从数据库中获取数据列表。我循环一个div，但值会根据我在数据库中的内容而改变。我想获得我从各个div中点击的链接的ID。下面是我的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);
});

单击jquery时获取循环元素的id

1 个答案: