如何使用width（）来改变图像的宽度？

Question

我环顾了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" />

Answer 1

jQuery("img").attr("src","http://i2.wp.com/google.com/intl/en_ALL/images/logos/images_logo_lg.gif?resize="+jQuery("#imgwrap").width()+",205");

Answer 2

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

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

修改 好了关注，你只需要设置src属性。 您可以使用attr(attributeName,value)方法

设置任何属性

在你的情况下，attributeName将是'src'，而值是来自以下示例的ù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);

Answer 3

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

应该有效