Question

我有一个<img>元素，并且存储了所有图像数据。我想一一获取jQuery中图像的所有数据

<img class="enent_inst" id="myImg" style="width:100%;" alt="<?php echo $events[$j]['title']; ?>" src="<?php echo base_url(); ?>/Event_gallary/<? php echo $events[$j]['event_image']; ?>" />

JS代码：

$(document).on('click','#myImg',function(){
  var img = document.getElementById('myImg').attr( "alt" ); 
  alert(img);
};

Answer 1

只需将document.getElementById('myImg')替换为$(this)即可通过jQuery接收元素，因为您已经在使用它...

$(document).on('click', '#myImg', function() {
  var img = $(this).attr("alt");
  alert(img);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img class="enent_inst" id="myImg" style="width:100%;" alt="test" src="" />

Answer 2

将attr更改为getAttribute

或使用jQuery：

var img = $('#myImg').attr( "alt" );

如何使用JS从<img/>元素中获取多个值？

2 个答案: