how do I get the width inside the <img> tag using jQuery

Question

I have the following img tag:

   <img id="product-image" src="http://cf.test.com/images/store_logos/thumbnail/43f1ee4d5fe422e9440ab4afe065bbff899b24b0.jpg" width="228" height="304" style="opacity: 1;">

Trying to extract out the 304 height value:

$('#product-image').height();

However it always gives me the actual size of the image. Any ideas?

Answer 1

Try this

$(document).ready(function(){
    alert("Width :"+$('#product-image').width());
});

Answer 2

用这个

$('#product-image').attr("height");

Answer 3

$('#product-image').prop("height");

Answer 4

Try to get the height after the image rendered:

$(document).ready(function() {
    $('#product-image').load(function() {
        alert($(this).height());
        alert($(this).width());
    });
});

Answer 5

If your using JQuery before 1.6 means

$('#product-image').attr("height")

other wise

$('#product-image').prop("height")

Will give you answer

Answer 6

将图像放入div并取div的大小