如何使用jQuery获取<img/>标记内的宽度

时间:2013-06-18 05:17:06

标签: javascript jquery html css

我有以下img标签:

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

试图提取304高度值:

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

然而,它总是给我实际的图像大小。 有什么想法吗?

6 个答案:

答案 0 :(得分:2)

试试这个

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

答案 1 :(得分:1)

使用此

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

答案 2 :(得分:0)

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

答案 3 :(得分:0)

尝试在渲染图像后获得高度:

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

答案 4 :(得分:0)

如果你在1.6之前使用JQuery意味着

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

其他明智的

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

会给你回答

答案 5 :(得分:-3)

将图像放在div中并取div的大小