Question

如果宽度为＆gt;我想调整页面中的所有图像的大小例如400px

我尝试使用此代码

 var img_width =  $("#my_img").width();
//alert(img_width)
if(img_width > 380){
 $("#my_img").width('380');
}

但没有任何工作，在页面上我有超过10张图片，我有id my_img

img标签

img src =＆＃39; tttttt.jpg＆＃39; ID =＆＃34; my_img＆＃34;

我怎么能调整它？

因为我有一个模板，我不希望img的宽度超过400px

Answer 1

你不能用CSS吗？

max-width:400px;

和Daedalus一样，在一个文档中多次使用相同的id是无效的html。

Answer 2

<script>
    jQuery(document).ready(function(){
        jQuery(".my_img").each(function(e){
            if(e.width()>380){
                jQuery(this).attr('width','380');
            }
        });
    });
</script>

Answer 3

首先，拥有多个具有相同id的项目是无效的html。正如我在上面的评论中所说，使用class代替。

假设你的html如下：

<img class="my_img" src="someurl" style="width: 390px;" />
<img class="my_img" src="someurl" style="width: 390px;" />
<img class="my_img" src="someurl" style="width: 390px;" />
<img class="my_img" src="someurl" style="width: 340px;" />

以下jquery将调整前三个图像的大小，因为它们符合相应的规则：

$(document).ready(function() {
    $('.my_img').each(function(index,value) {
        if ($(value).width() > 380) {
            $(this).css('width', 380);
        }
    });
});

如果宽度> gt，则调整所有图像的大小。 jquery

3 个答案: