Я хочу получить ширину и высоту изображения при нажатии. Ниже мой код:
$(".sim-row-edit-img").click(function(){
alert("Image clicked, width is __px and height is __px");
});
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img class = "sim-row-edit-img" border = "0" alt = "W3Schools" src = "http://icons.iconarchive.com/icons/dtafalonso/android-l/256/WhatsApp-icon.png" width = "100" height = "100">
Мне нужны размеры образа, а не тега width = "100" height = "100"
, который я написал на img attr
.
Вы должны передать аргумент функции обратного вызова, а затем получить доступ к target
события и его свойствам naturalWidth
и naturalHeight
, например:
$(".sim-row-edit-img").click(function(e){
alert("Image clicked, width is "+e.target.naturalWidth+"px and height is "+e.target.naturalHeight+"px");
});
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img class = "sim-row-edit-img" border = "0" alt = "W3Schools" src = "http://icons.iconarchive.com/icons/dtafalonso/android-l/256/WhatsApp-icon.png" width = "100" height = "100">