addClass - 一个功能，而不是3个功能（缩短代码）

Question

道歉我真的不知道如何标题这篇文章。

我在YUI中有以下3个函数。我要做的就是寻找一个div类名.box2，.box3，或.box4，然后添加其他类所有这些div即在.box2格得到另一个格0.2

下面的代码工作正常，但我太过分了，把它全部组合成了一个函数，用于编写变量的所有值，而不是像这样写出3次。

var number = 2; 
var nodes = Y.all(".box"+ number); 

nodes.each(function(node){ 

    node.addClass(number); 

}); 



var number = 3; 
var nodes = Y.all(".box"+ number); 

nodes.each(function(node){ 

    node.addClass(number); 

}); 



var number = 4; 
var nodes = Y.all(".box"+ number); 

nodes.each(function(node){ 

    node.addClass(number); 

}); 

非常感谢！

Answer 1

这是怎么回事？

var numbers = [2, 3, 4]; 

for(var i = 0; i < numbers.length; i++) 
{ 
    var boxnum = numbers[i]; 
    Y.all(".box"+boxnum).addClass(boxnum); 
} 

http://jsfiddle.net/854Th/

Answer 2

您不必做each。只需在Y.all(...)上使用addClass函数即可。像这样......

var arr = [2, 3, 4]; 
var query = ".box" + arr.join(", .box"); 
Y.all(query).addClass(levelnumber);