jquery - 设置高度后如何获取图像的宽度

Question

我已将图像的高度设置为 100px（在 css 中）。宽度是自动保持图像成比例的，但是如果我没有专门设置自己的宽度，如何使用 jquery/js 获得宽度？

这是我尝试过的：

1) $(this).width();

2) $(this).css("width");

两者都不起作用，有什么想法吗？

Answer 1

尝试使用这个：

$(window).on('load', function() {
var x = 0;
$("img").each(function () {
x += $(this).width();
});
    alert(x);
});

小提琴：http: //jsfiddle.net/KFhG8/

Answer 2

为此使用 clientWidth

var width=document.getElementById('imageid').clientWidth;

Answer 3

最好的方法是使用数学并在您遇到困难时进行计算。

mynewwidth =  ( $(this).width() /  $(this).height() ) * mynewheight;

但无论如何它应该可以看到我的小提琴

http://jsfiddle.net/davidja/KFhG8/4/

$(window).on('load', function () {


    mynewheight = 50;
    $("img").height(mynewheight);   

    // via $("img").width()
    alert( $("img").width());

    // maths
    alert(( $("img").width() /  $("img").height() ) * mynewheight)
});