javascript - 按名称定位 div 内的图像

Question

我正在尝试创建一个按钮来调整其 div 内的图像大小，

function aumenta(){
    var mydiv = $('div[name|="visualizacoes"]');
    var curr_width = parseInt(mydiv.style.width);
    var curr_height = parseInt(mydiv.style.height);

    if (curr_width < 4123) {            
        mydiv.style.width = (curr_width + 412) +"px";
        mydiv.style.height = (curr_height + 466) +"px";
    }
    }

它不起作用，也许这不是获取元素名称的方法？我的问题是我有几个隐藏的 div 显示在菜单单击时，我试图让它们全部调整大小，即使它们被隐藏，这就是为什么我瞄准它的名字，也可能是类！请帮忙！谢谢

Answer 1

创建一个类，然后使所有图像成为该类的成员。

如果你这样做了，你可以使用 jQuery "each()" 方法来遍历每个元素，并在循环中操作它们......

$('.<classname>').each(function(e){
    var element = $(this);
    var currWidth = element.width();
    var currHeight = element.height();

    if( currWidth < 4123 ){
        element.width( currWidth + 412 );
        element.height( currHeight + 412 );
    }
});

在上面我还使用了 jQuery 的 width() 和 height() 方法来获取和设置元素的高度和宽度。