JQUERY获取隐藏DIV里面图片的宽高

发布网友 发布时间：2022-04-23 08:57

我来回答

共7个回答

懂视网 时间：2022-04-23 13:18

在实际开发中会遇到确实需要获取隐藏元素的宽高，这儿所说的隐藏元素是display为none的元素。本文主要介绍了无法获取隐藏元素（display:none）宽度(width)和高度(height)的解决方案，具有很好的参考价值。下面跟着小编一起来看下吧，希望能帮助到大家。

可使用jQuery Actual Plugin插件来完成，其源码如下：

当然如果要支持模块化开发，直接使用官网下载的文件即可，源码也贴上：

代码实例：

热心网友 时间：2022-04-23 10:26

你得到的是div的宽度。可以试试这样：
<script type="text/javascript">
var width=$("#test img").width();
alert(width);
</script>
如果还不行，那可能是由于你将这个div隐藏了的原因！
希望可以帮到你。追问我刚写错了，$("#test img").width();是这样的。我问的就是想获得这个隐藏DIV里面的图片大小。可获取不到。

追答你先将style=“display:none;”去掉试试。看能不能获取到。
如果能获取到那估计是隐藏后就没有宽度了，你可以在将它隐藏之前先取它的宽度保存到一个变量中。
如果也不能，估计是你js引用或者其他原因。你试试嘛！

你坑爹吧，我仔细瞧瞧，

你这个id怎么写的di。晕！让我给你找错。

热心网友 时间：2022-04-23 11:44

jquery中获取div中图片的宽和高的方法：
$("#content").width();
$("#content").height();
$("#content").innerWidth();//元素内部区域高度，忽略padding、border
$("#content").outerHeight();//忽略边框
$("#content").outerHeight(true);//包含边框高度

热心网友 时间：2022-04-23 13:19

将display:none 改成display:block; visibility: hidden; 如果想要显示的话，可以通过jquery改变visibility的值来实现。

热心网友 时间：2022-04-23 15:10

<script>
$("#test").show();
$("#test").width();
$("#test").hide();
</script>

热心网友 时间：2022-04-23 17:18

隐藏无法读取的

热心网友 时间：2022-04-23 19:43

$("#test img").width();