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

Question

I have an <img> element and all of its image data stored. I want to get one by one all of the data of image in 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 code:

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

Answer 1

change attr to getAttribute

or use jQuery:

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