Jak dołączyć dwa obiekty elementów jQuery? .add() nie działa

Question

Jestem wewnątrz funkcji i muszę zwrócić obiekt jQuery z dwoma elementami. Wewnątrz funkcji I mają, na przykład:

function getInput() { 
    $hiddenInput = $('<input type="hidden">'); 
    //(other code) 
    $select = $('<select></select>'); 
    //(other code) 
    $hiddenInput.add($select); 
    return $hiddenInput; 
} 

i na zewnątrz mam:

$myContainer.append(getInput()); 

Wynik oczekiwać będzie:

<div id="container"><input type="hidden"><select></select></div> 

Ale jedyne co mogę teraz z .add() jest tylko elementem wejściowym, a nie select. Jak mogę połączyć te dwa elementy formularza w funkcji return? Jeśli nie jest to możliwe z jQuery, to z prostym JavaScript. Wielkie dzięki.

Answer 1

tworzy (i zwraca) nowy obiekt jQuery, który jest połączeniem oryginalnego zestawu i co dodajesz do niego, ale nadal zwracasz oryginał w swojej funkcji. Wydaje się, że chciał to zrobić w zamian:

function getInput() { 
    $hiddenInput = $('<input type="hidden">'); 
    //(other code) 
    $select = $('<select></select>'); 
    //(other code) 
    return $hiddenInput.add($select); 
} 

Answer 2

Można użyć

$hiddenInput.after($select); 

To będzie umieścić $select po $hiddenInput, osiągnięcia tego, co chcesz uzyskać.

Answer 3

można użyć następujących:

this.MergejQueryObjects = function(arrayOfJqueryObjects) { 
     return $($.map(arrayOfJqueryObjects, function (el) { 
      return el.get(); 
     })); 
    }