HTML img src附加

Question

我在php中有一個創建按鈕的循環，當單擊該按鈕時，將打開一個模態，並將某些數據傳遞給它。

<?php while($product = mysqli_fetch_assoc($featured)) :?>
<button type="button" class="open-details-modal btn btn-primary"
      data-id-number="<?php echo $product['ProductID'];?>
      "data-id-image="<?php echo $product['Image'];?>"
      "data-id-image-two="<?php echo $product['Image2'];?>"
      "data-id-image-three="<?php echo $product['Image3'];?>"

我有一個腳本可以幫助轉換數據

<script>
$(document).ready(function() {
  $(".open-details-modal").click(function() {
      $("#name").text($(this).attr('data-id-product-name'));
      $("#image").text($(this).attr('data-id-image'));
      $("#image2").text($(this).attr('data-id-image-two'));
      $("#image3").text($(this).attr('data-id-image-three'));

可以說

"data-id-image" = ABCDEF

我不確定是否需要將其轉換為javascript變量或php變量。

我想說的是

<img src = "(#php or javascript variable)" +"001.jpg">

我如何在php或javascript中實現此目的。

Answer 1

假設#image是您的圖像，則如下所示：

  $(".open-details-modal").click(function() {
      $("#name").text($(this).attr('data-id-product-name'));
      $("#image").text($(this).attr('data-id-image'));
      $("#image").attr("src", $(this).attr("data-id-image") + "001.jpg");
  }