单击图像时如何显示此图像和 .titleclass .subtitleclass .description答案

【问题标题】：How do u display this image and .titleclass .subtitleclass .description when a click the image单击图像时如何显示此图像和 .titleclass .subtitleclass .description
【发布时间】：2021-10-01 21:11:11
【问题描述】：

<?php while($galleryvalidate = mysqli_fetch_array($getresultgallery)){ ?>
  <div class="col-lg-2 col-md-2 mb-4 mb-lg-0" id="imageidback">
       
        <img
          data-id ="<?php echo $galleryvalidate['publishid']; ?>"
          src="<?php echo $folder.$galleryvalidate['publishimage']; ?>"
          class="w-100 shadow-1-strong rounded mb-4"
          alt=""
          style="cursor:pointer;"
          
          name="imagequery"
      
        />
        <input type="hidden" class="titleclass" name="titlename" id="titlenameid" value="<?php echo $galleryvalidate['title'] ?>">
        <input type="hidden" class="subtitleclass" name="subtitlename" id="subtitlenameid" value="<?php echo $galleryvalidate['subtitle'] ?>">
        <input type="hidden" class="descriptionclass" name="descriptionname" id="descriptionnameid" value="<?php echo $galleryvalidate['description'] ?>">
      
       
      </div>
    <?php } ?>

注意：图像在 php 脚本中处于循环函数中。请帮助我考虑了 3 天，但仍在寻找来源:(

【问题讨论】：

标签： javascript php jquery ajax bootstrap-4

【解决方案1】：

我假设您想将隐藏的文本元素转换为可编辑的文本元素。

$(document).ready(function() {
  $('img.imgquery').click(function() {
    $(this).closest('div').find('input[type=hidden]').attr('type', 'text');
  })
})

div input {
  display: block;
  margin-top: 5px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-lg-2 col-md-2 mb-4 mb-lg-0" id="imageidback">

  <img data-id="<?php echo $galleryvalidate['publishid']; ?>" src="https://picsum.photos/200/300" class="w-100 shadow-1-strong rounded mb-4 imgquery" alt="" style="cursor:pointer;" name="imagequery" />

  <input type="hidden" class="titleclass" name="titlename" id="titlenameid" value="<?php echo $galleryvalidate['title'] ?>">
  <input type="hidden" class="subtitleclass" name="subtitlename" id="subtitlenameid" value="<?php echo $galleryvalidate['subtitle'] ?>">
  <input type="hidden" class="descriptionclass" name="descriptionname" id="descriptionnameid" value="<?php echo $galleryvalidate['description'] ?>">


</div>

【讨论】：