このjQueryコードを短く変更するのを手伝ってくれる人はいますか?
HTML コード:
<div id="blinker1"><img src="aaa.png" /></div>
<div id="blinker2"><img src="bbb.png" /></div>
<div id="blinker3"><img src="ccc.png" /></div>
<div id="blinker4"><img src="ddd.png" /></div>
<div id="blinker5"><img src="eee.png" /></div>
jQuery コード:
function smBlink(){
//blink 3times
for(i=0;i<3;i++) {
$("#blinker1, #blinker2, #blinker3, #blinker4, #blinker5").fadeTo('normal', 0.3).fadeTo('normal', 1.0);
}
};
これらのターゲット ID には同じプレフィックス (#blinker) があり、その後に連番が続きます。配列関数が役立つと思います...しかし、方法がわかりません。これらの div は、将来的に増減されます。