时间戳

首页 > 解决方案 > 如何从 div 中选择一张图片并获取 id 值

jquery - 如何从 div 中选择一张图片并获取 id 值

问题描述

我有一些代码，我想从图像列表之一中获取 id 值。

$(document).ready(function() {

  $('preview').on('click', '.preview', function() {
    var imgVal = $(this).attr('id');

    alert(imgVal)


  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="preview">
  <img src="https://via.placeholder.com/300/fce/fff.png" id="0" class="img-fluid w-25" />
  <img src="https://via.placeholder.com/300/dce/fff.png" id="1" class="img-fluid w-25" />
  <img src="https://via.placeholder.com/300/acb/fff.png" id="2" class="img-fluid w-25" />
  <img src="https://via.placeholder.com/300/abc/fff.png" id="3" class="img-fluid w-25" />

</div>

如何获得身份证？谢谢

标签： jqueryhtml

解决方案

应该是 div onclick 中的 img 而不是 div onclick。

$(document).ready(function(){
    $('.preview img').on('click', function () {
       console.log($(this).attr("id"));
    });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="preview">
<img src="https://via.placeholder.com/300/fce/fff.png" id="0" class="img-fluid w-25" />
<img src="https://via.placeholder.com/300/dce/fff.png" id="1" class="img-fluid w-25" />
<img src="https://via.placeholder.com/300/acb/fff.png" id="2" class="img-fluid w-25" />
<img src="https://via.placeholder.com/300/abc/fff.png" id="3" class="img-fluid w-25" />

</div>

推荐阅读