将增量类添加到div内的图像

Question

好吧,我不认为有人已经涵盖了这一点.

我有一个div里面有x个图像.我需要将类00x添加到x从1开始的每个图像,并且每次为每个图像上升.我尝试用for in语句做这个,​​但似乎无法使它工作.我正在使用jquery库,所以随时建议jQuery相关的修复程序.这是我的HTML:

<div id="fixed">
    <img src="/prodimages/Ad060-2.jpg" />
    <img src="/prodimages/Ad060-2.jpg" />
    <img src="/prodimages/Ad060-2.jpg" />
</div>

所以我需要它来选择#fixed里面的所有图像,然后为每个图像添加00 + i类,其中i ++.我需要像php foreach这样的东西.我真的不明白在工作中如何.

请指教.:)

Answer 1

如果图像数量超过10,请使用以下内容:

function pad_number(num) {
   if(num < 10) return '00' + num;
   else if (num < 100) return '0' + num;
   return num;
}

jQuery('#fixed img').each(function(index, el) {
   jQuery(el).addClass(pad_number(index));
});