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)
});

如何在设置高度后获得图像的宽度

3 个答案: