javascript - .add() で複数の jQuery オブジェクトを選択する

Question

この.add()方法では、一度に 1 つずつ追加するのではなく、一度に複数のオブジェクトを選択できますか?

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

次の変数は、それぞれが異なる機能を持っているため、そのように設定されています。

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

しかし、これらすべての要素に適用される関数を追加したい場合はどうすればよいでしょうか? それらを 1 つずつ追加する必要がありますか?

を使用してそれらをすべて選択できることは知っていますが$("#1,#2,#3,#4")、上記の変数を利用したいだけです。

Answer 1

純粋に読みやすさのために、この配列アプローチを好みます...

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

Answer 2

一度に複数のオブジェクトを追加することはできません。次に例を示します。

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

追加したオブジェクトをキャッシュして、追加を 1 回だけ行うことができます - 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'});
});

しかし、私は配列メソッドの方が好きです。これは、それについての別の考え方です。

Answer 3

このような配列にそれらを入れることができます

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

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