应用CSS中的变量

Question

多个元素我有这样的：

var $e1 = $('#e1'); 
var $e2 = $('#e2'); 
var $e3 = $('#e3'); 

这不起作用：

var $all = [$e1, $e2, $e3]; 
$($all).css('background', '#ff0000'); 

我应该怎么做，同时重用$el1，$el2，$el3？

我不想做的事：

$('#e1, #e2, #e3') 

这可能是很简单的事，但我不知道该怎么寻找，找出。

Answer 1

你可以这样做：

var $all = $e1.add($e2).add($e3); 

还是这样（看起来有点钝，但它是正确的方式 - 你必须提取从节点jQuery对象先用[0]）：

var $all = $([$e1[0], $e2[0], $e3[0]]); 

---

注：在我的例子中，，$all已经是一个jQuery对象，所以你不需要像这样再次包装它：$($all)。只要做到：

$all.css('background', '#ff0000'); 

Answer 2

编辑：甚至更好：

var $e1 = $('#e1'); 
var $e2 = $('#e2'); 
var $e3 = $('#e3'); 
var all = $e1.add($e2).add($e3); 
all.css('background', '#ff0000'); 

Answer 3

$e1.add($e2).add($e3) 

是合并不同的元素/ jQuery的对象的另一种方式。

参考：.add()

Answer 4

编辑： 包装数组中jQuery的实例，并通过其内容

all = [$e1, $e2, $e3]; 

$(all).each(function(index, element){ 
    element.css('background', '#ff0000'); 
}) 

Answer 5

迭代那么如果你不想使用选择，样式应用到的每个元素阵列。

for(i = 0; i < $all.length; i++) 
    $all[i].css('background', '#ff0000'); 

Answer 6

你可以做什么，你有你的例子：

var $all = [$e1, $e2, $e3], 
    i = $all.length; 

for(; i--;) { 
    $all[i].css('background', '#f00'); 
} 

Answer 7

看来你CA做的只是这一点：

$(deleteBtn).add(copyBtn).add(moveBtn).css('background', 'white'); 

由于这里说的http://api.jquery.com/add/