Làm cách nào để nối hai đối tượng phần tử jQuery? .add() không hoạt động

Question

Tôi đang ở trong một hàm và tôi cần trả về một đối tượng jQuery có hai phần tử. Bên trong hàm tôi có, ví dụ:

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

Và bên ngoài tôi có:

$myContainer.append(getInput()); 

Kết quả dự kiến ​​sẽ là:

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

Nhưng điều duy nhất tôi nhận được ngay bây giờ với .add() chỉ là phần tử đầu vào chứ không phải là lựa chọn. Làm thế nào tôi có thể kết hợp hai yếu tố hình thức trên chức năng trở lại? Nếu không thể với jQuery, thì với JavaScript đơn giản. Cảm ơn rất nhiều.

Answer 1

add() tạo (và trả về) một đối tượng jQuery mới là liên kết của tập hợp gốc và những gì bạn thêm vào, nhưng bạn vẫn trả về bản gốc trong hàm của mình. Bạn dường như đã muốn làm điều này thay vì:

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

Answer 2

Bạn có thể sử dụng

$hiddenInput.after($select); 

Điều đó sẽ đưa $select sau $hiddenInput, đạt những gì bạn muốn để có được.

Answer 3

Bạn có thể sử dụng như sau:

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