如何在jquery中循环遍历ID

Question

我从数据库中循环浏览了我所在地区的医生列表并显示在我的页面上，现在我想在引导模式中加载这些医生的“关于医生”内容。我在医生数据所在的同一个数据库表中创建了一个“关于”列，现在我想在用户单击“查看详细信息”（见图）链接时加载每个医生的“关于我们”内容。

jquery 点击事件

$('.see-details').on('click',function(){
$('.modal-body').load('getContent.php?id=<?php echo ?>',function(){
    $('#myModal').modal({show:true});
});

});

getabout.php

    if($query->num_rows > 0){
    $row = $query->fetch_assoc();
    echo '<p>'.$row['about'].'</p>';
}else{
    echo 'About Us not found....';
}

如何从数据库中动态回显 id？

Answer 1

这不是您要输出 ID 的地方：

$('.modal-body').load('getContent.php?id=<?php echo ?>',function(){

因为这段代码应该只在页面上存在一次，而不是为每个元素复制。相反，您希望将 ID 输出到此代码可以获取该值的位置。理想的位置可能是.see-details 元素本身。所以大概你有某种可以点击的元素，让我们开始吧：

echo '<button class="see-details">See Details</button>';

大概这是在您的 PHP 代码中循环输出到页面，并且 该循环 可以访问 ID 值。在这种情况下，您可以将这些值输出到那里的页面。结构上是这样的：

echo '<button class="see-details" data-id="' . $id . '">See Details</button>';

这会产生类似的东西：

<button class="see-details" data-id="123">See Details</button>

现在，在该元素的点击处理程序中，您可以获取该 ID 值并在 URL 中使用它。像这样的：

$('.see-details').on('click', function(){
    var id = $(this).data('id');
    $('.modal-body').load('getContent.php?id=' + id, function(){
        $('#myModal').modal({show:true});
    });
});