Zaznaczanie wielu obiektów jQuery za pomocą .add()

Question

Czy metoda .add() pozwala wybrać wiele obiektów jednocześnie, zamiast dodawać po jednym?

one.add(two).add(three).add(four).on("click", function() { }); 

Następujące zmienne są ustawione tak, jak robią, ponieważ każda z nich ma inną funkcję.

var one = $("#1"); 
var two = $("#2"); 
var three = $("#3"); 
var four = $("#4"); 

Ale co, jeśli chcę dodać dodatkową funkcję, która odnosi się do wszystkich tych elementów? Czy muszę je dodawać jeden po drugim?

Wiem, że można wybrać je wszystkie za pomocą $("#1,#2,#3,#4"), ale chcę po prostu skorzystać z powyższych zmiennych.

Answer 1

wolałbym takie podejście do tablicy, czysto dla czytelności ...

$([one, two, three, four]).each(function() { 
    // your function here 
}); 

Answer 2

Można umieścić je w tablicy tak

var k = [one,two,three,four] 

$.each(k,function(){ 
    $(this).click(function(){ 
    //Function here 
    }); 
}); 

Answer 3

Nie można dodać wiele obiektów w jednym kroku, na przykład:

var groupThree = one.add(three, five); // will not work as expected 

można buforować dodane obiekty tak, że trzeba tylko zrobić to dodać jeden raz - http://jsfiddle.net/X5432/

var one = $("#1"); 
var two = $("#2"); 
var three = $("#3"); 
var four = $("#4"); 
var five = $("#5"); 

var groupOne = one.add(two).add(three).add(four); 
var groupTwo = groupOne.add(five); 

$('#first').click(function(e){ 
    e.preventDefault(); 
    groupOne.css({'background': '#00FF00'}); 
}); 

$('#second').click(function(e){ 
    e.preventDefault(); 
    groupTwo.css({'background': '#FF0000'}); 
}); 

ale podoba mi się sposób tablica lepiej, to tylko inny sposób myślenia o nim.