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");
  }

HTML img src追加

1 个答案: