javascript - 如何连接两个 jQuery 元素对象？ .add() 不起作用

Question

我在一个函数内，我需要返回一个包含两个元素的 jQuery 对象。在我的函数内部，例如:

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

在外面我有:

$myContainer.append(getInput());

预期的结果是:

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

但是我现在使用 .add() 得到的唯一结果只是输入元素，而不是选择。如何在函数返回上连接这两个表单元素？如果无法使用 jQuery，则使用纯 JavaScript。非常感谢。

Answer 1

add()创建(并返回)一个新的 jQuery 对象，它是原始集合和您要添加到其中的内容的并集，但您仍然在函数中返回原始集合。您似乎想这样做:

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