如何獲取從 MySQL 生成的 Div 框的唯一 ID

Question

這是我的代碼：

        $output .= '<div class="col-md-3"><div class="single-post">';
        if ($row["fahrzeugBild"] !== "") {
          $output .= '<img src="img/cars/'.$row["fahrzeugBild"].'.jpg" alt="">';
        }

這是 javascript

function myFunction() {
  var x = document.getElementById("tuning");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
} 

我在 PHP/sql 數組中使用它，因此顯示/隱藏所需的 div 是從數據庫生成的。 但是當我使用這個腳本時，它只適用於數組中的第一個 div....所以（我認為）我基本上需要能夠自動為每個 div 生成一個唯一的 id。 但這是問題所在，我不知道如何，是的，我的代碼看起來很亂，但我仍在學習 php 所以請原諒我。 任何幫助都會很棒。

Answer 1

試試這個：

PHP

$customId = random_int(10000, 99999);
        $output .= '<p><button onclick="myFunction('.$customId.')">Show/Hide</button><div id="tuning'.$customId.'" style="display:none;">Tuning Details</p>';

在你的 Javascript 中：

function myFunction(customId) {
  var x = document.getElementById("tuning"+customId);
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
} 

更新：理想情況下，您將分配一個唯一 ID 而不是隨機數，例如，如果在您的數據庫中每個項目都有一個自動增量 ID，您最好使用該自動增量 ID，並將其分配給每個div