Как добавить элемент jQuery в другой элемент jQuery?

Question

Когда вы выбираете элемент jQuery, вы обычно получаете более одного, так что можно добавить их вместе, если вы выберете несколько элементов jQuery?

Например:

var foo = $("h1"); 
 
console.log(foo.length); //5 
 
var foo2 = $("h2"); 
 
console.log(foo2.length); //2 
 
foo1.addJQuery(foo2); //Is there are function like this? 
 
console.log(foo1.length); //7 //supposed to log 7, because we added foo2

UPDATE: Люди спрашивают, какова моя цель.

Одним из примеров может быть, если я хотел изменить цвет CSS как это:

var $foo1 = $("h1"); 
 
var $foo2 = $("h2"); 
 

 
$foo1.addJQuery($foo2); 
 

 
//This should be equavelant to do this 
 
var $foo3 = $("h1, h2"); 
 

 
$foo1.css("color", "red"); //Now all h1 and h2 elements will have the the css color red 
 

 
//I would also be able to loop through all h1 and h2 elements as you would expect 
 
for(var i = 0; i < $foo1.length; i++) 
 
    console.log($foo1.eq(i).text());

Я знаю, этот маленький пример, кажется, не столь полезной (Поскольку пример сделана простая, насколько это возможно), но у меня есть специальный случай, когда я хочу добавить их, когда мне нужно.

Answer 1

Решение было найдено:

переменная $ х = $ .merge ($ foo1, $ foo2);

Спасибо, деванш.

Answer 2

Вы не можете объединить как foo1.addJQuery(foo2); Но, как $("h1"); селектор возвращает массив соответствующих объектов you..can хранить это в Array ..

и раздвинуть результаты $("h2"); в то же array.

Итак, теперь у вас есть массив, содержащий результаты как $("h1");, так и $("h2"); селекторов.

Теперь вы можете объединить столько результатов, сколько хотите.