javascript - addClass - 一个函数而不是 3 个函数（缩短代码）

Question

抱歉，我真的不知道如何为这篇文章命名。

我在 YUI 中有以下 3 个功能。我所做的是寻找一个类名为 .box2、.box3或.box4的 div ，然后向所有这些 div 添加另一个类，即.box2 div 获得另一个 div .2

下面的代码有效，但我太菜鸟了，无法将它全部组合成一个函数，用于 var编号的所有值，而不是像这样写出 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

你不必这样做each。只需使用 addClass 函数Y.all(...)。像这样...

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

Answer 2

那这个呢？

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/