Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 设置高度后如何获取图像的宽度_Jquery_Html_Css_Width - Fatal编程技术网

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

Jquery 设置高度后如何获取图像的宽度,jquery,html,css,width,Jquery,Html,Css,Width,我已经将图像的高度设置为100px(css)。 宽度是自动设置的,以保持图像的比例,但是如果我没有自己专门设置宽度,那么如何使用jquery/js获得宽度呢 这就是我所尝试的: 1) $(this).width(); 2) $(this).css("width"); 两者都不起作用,有什么想法吗?请使用clientWidth var width=document.getElementById('imageid').clientWidth; 请使用clientWidth var width=

我已经将图像的高度设置为100px(css)。 宽度是自动设置的,以保持图像的比例,但是如果我没有自己专门设置宽度,那么如何使用jquery/js获得宽度呢

这就是我所尝试的:

1) $(this).width();

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

两者都不起作用,有什么想法吗?

请使用clientWidth

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

请使用clientWidth

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

最好的方法是使用数学,并计算它,如果你正在挣扎

mynewwidth =  ( $(this).width() /  $(this).height() ) * mynewheight;
但不管怎样它都应该有用看看我的小提琴


最好的方法是使用数学,并计算它,如果你正在挣扎

mynewwidth =  ( $(this).width() /  $(this).height() ) * mynewheight;
但不管怎样它都应该有用看看我的小提琴

尝试使用以下方法:

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

试着用这个:

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

Fiddle:

两者都应该可以工作,你说的“不工作”是什么意思?请用JSFIDLE或类似的语言提供你的代码。目前,我们无法帮助您,因为这两种方法都应该工作var x=0$(.img”).each(函数(){x+=$(this.width();});警报(x)//////x打印为0它似乎对我有效:我使用的是“文档就绪”而不是“加载”,因此在填充图片之前它显示为0,我想这是我的问题,谢谢。两者都应该有效,你说“不工作”是什么意思?请用JSFIDLE或类似的方式提供你的代码。目前,我们无法帮助您,因为这两种方法都应该工作var x=0$(.img”).each(函数(){x+=$(this.width();});警报(x)//////x打印为0,这似乎对我很有用:我使用的是document ready,而不是on load,因此在填充图片之前它显示为0,我想这是我的问题,谢谢。我使用$(document)获取图像的宽度。在图像加载到屏幕之前就准备好了。Document.on(load)是正确的,谢谢。我是用$(Document.ready)在图像加载到屏幕之前获取图像宽度的。文件。加载正确,谢谢