1

我环顾了 SO 和互联网，但无法找到明确的答案。这是一个新手 jQuery 问题。:)

如何使用 .width() 获取 div 的宽度，例如 #imgwrap，并在 img src 中输出该宽度...我正在使用 Automattic 的 Jetpack 来动态调整图像大小。

谢谢！

<img src="http://i2.wp.com/google.com/intl/en_ALL/images/logos/images_logo_lg.gif?resize=[widthgoeshere],205" />

4

3 回答 3

2 
jQuery("img").attr("src","http://i2.wp.com/google.com/intl/en_ALL/images/logos/images_logo_lg.gif?resize="+jQuery("#imgwrap").width()+",205");
于 2013-01-08T15:40:18.163 回答
2

jQuery 中的大多数 getter 都有一个配对的 setter。两者的区别在于你是否提供论据。在宽度的情况下，如果你想设置它，你可以提供一个宽度参数

 var divWidth = $('#myDivID').width();
 $('#imageID').width(divWidth);

编辑 好的，在评论之后你只需要设置 src 属性。attr(attributeName,value)您可以使用该方法设置任何属性

在您的情况下，attributeName 将是'src'并且 value 是来自以下示例的 ùrl`，类似于

 var divWidth = $('#myDivID').width(),
     url = "http://i2.wp.com/google.com/intl/en_ALL/images/logos/images_logo_lg.gif?resize=" + divWidth + ",205";
 $('#imageID').attr('src', url);
于 2013-01-08T15:44:01.330 回答
0 
var divWidth = $('#myDivID').width();
$('#imageID').css('width',divWidth);

应该管用

于 2013-01-08T15:40:06.380 回答