使用.add()选择多个jQuery对象

Question

该.add()方法是否允许一次选择多个对象而不是一次添加一个？

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

以下变量以它们的方式设置,因为每个变量都具有不同的功能.

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

但是,如果我想添加一个适用于所有这些元素的额外函数呢？我是否必须逐个添加它们？

我知道你可以选择全部使用$("#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

你可以缓存添加的对象,这样你只需要添加一次 - 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
   });
});