Javascript jQuery使用数组使代码更短

Javascript jQuery使用数组使代码更短,javascript,jquery,html,Javascript,Jquery,Html,谁能帮我把这个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"&

谁能帮我把这个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);
    }
};
函数smBlink(){
//眨眼3次
对于(i=0;i您可以使用:

这将允许您根据需要添加/删除具有匹配ID的元素

如果您能够修改标记,则使用共享类名替换
id
属性会更有效。然后您可以使用普通的类选择器:

$(".blinker").fadeTo('normal', 0.3).fadeTo('normal', 1.0);
这种方法意味着选择器引擎可以利用本地
getElementsByClassName
函数的速度(如果可用)。

以下是一种解决方案:

$("div[id^='blinker']").fadeTo("normal", 0.3).fadeTo("normal", 1.0);
$("div").filter(function() {
    return /^blinker\d+$/.test(this.id);
}).fadeTo("normal", 0.3).fadeTo("normal", 1.0);
下面是另一个更精确的解决方案:

$("div[id^='blinker']").fadeTo("normal", 0.3).fadeTo("normal", 1.0);
$("div").filter(function() {
    return /^blinker\d+$/.test(this.id);
}).fadeTo("normal", 0.3).fadeTo("normal", 1.0);
函数smBlink(){
//眨眼3次

对于(i=0;i,我将向所有div添加一些公共类

 <div class="blinker" id="blinker1"><img src="aaa.png" /></div>
 <div class="blinker" id="blinker2"><img src="bbb.png" /></div>
 <div class="blinker" id="blinker3"><img src="ccc.png" /></div>
 <div class="blinker" id="blinker4"><img src="ddd.png" /></div>
 <div class="blinker" id="blinker5"><img src="eee.png" /></div>

除此之外:

function smBlink(){
    //blink 3times
    for(i=0;i<3;i++) {
        $(".blinker").fadeTo('normal', 0.3).fadeTo('normal', 1.0);
    }
};
函数smBlink(){
//眨眼3次

对于(i=0;iWow!这太快了,太聪明了。我想不起这个方法了。Thaaax!@norixxx-不客气,很高兴我能帮上忙:)Thanx。简单而聪明的解决方案。