Объединить два объекта jQuery

Question

Мне нравится иметь возвращаемое значение с одним или несколькими объектами jQuery, чтобы добавить их в.

var f = function() { 
    var a = $('<div class="a" />'); 
    // do someting awesome 
    return a; 
}; 

Правильный пример с двумя с:

var f = function() { 
    var ret = $('<div class="a" /><div class="b" />'); 
    // do something spectecular 
    return ret; 
}; 

Проблема заключается в том, что мне нужны эти два объекта, разделенных внутри функции, и это не правильный код:

var f = function() { 
    var a = $('<div class="a" />'), 
     b = $('<div class="b" />'), 
     ret = a+b; 
    // do something fabulous 
    return ret; 
} 

Answer 1

Вы можете использовать jQuery .add() method:

return a.add(b); 

Из документов:

Учитывая объект JQuery, который представляет собой набор элементов DOM, метод .add() создает новый объект JQuery из объединения этих элементов и те, переданных в метод.

Answer 2

Я только что нашел решение для моего собственного вопроса:

var f = function() { 
    var a = $('<div class="a" />'), 
     b = $('<div class="b" />'), 
     ret = $.extend({}, a); 
    ret.push(b[0]); 
    // do something fabulous 
    return ret; 
} 

Может быть, у вас есть лучшие решения? Вы не очень хорошо знаете.

Answer 3

Проверьте это:..

var $bindDivs = $.merge($('#div1'), $('#div2'));