如何在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});
    });
});