每个图像的Javascript

Javascript for every image

本文关键字：Javascript 图像      更新时间：2023-09-26

我想为每个以obj_开头的div witch类做点什么例如:

<img class="obj_1" />

我想调整每个图像的大小，例如:

scale = 2

，然后我想要图像的宽度和高度加倍。
我还想对left和top的位置做同样的处理。图片将以如下方式加载:

<div id='obj' class="obj_84" style='top:1152px;left:6px;' onmousedown='return false;'><img src ="img/obj/0.png" /></div>

我该怎么做?
我希望你有足够的信息来解决我的问题。

谢谢

$('div[class^=obj_] img').each( function( ){
   $(this).css({
     width: $(this).width() * 2,
     height: $(this).height() * 2
   });
});

为了简单起见，我建议使用jQuery JavaScript库。下面的jQuery选择器将选择所有以obj_:

开头的div
$('div[class^="obj_"]')

可以使用JQuery。下面是一个例子:

http://api.jquery.com/attribute-starts-with-selector/

http://api.jquery.com/attribute-contains-prefix-selector/

嗨，你必须使用下面的脚本来选择每个以'obj_'开头的img标签

$('img[class^="obj_"]');

找到选择器后，使用jQuery的每个函数来调整文档上的每个图像的大小。jQuery为你选择的对象提供了宽度和高度属性。

希望你理解逻辑并尝试实现它。如果您在构建逻辑时遇到任何问题，您可以恢复我们在这里帮助您…

相关文章：