javascript - 如果要添加的元素已存在于列表中，则 jQuery appendTo 会替换元素而不是添加它们

Question

<select id="name" >
    <option value="" selected="selected">Please select</option>
    <option value="Alex">Alex</option>
    <option value="Greg">Greg</option>
</select>

如果我们尝试向其附加一个选项，通过

$('<option>Hi</option>').appendTo($('#name'))

然后，该选项将按预期添加到选择框中。但是，如果我们执行以下操作:

var a = $('#name option')[1];
$(a).appendTo($('#name'));

然后，该选项不会附加到选项中。相反，“亚历克斯”现在出现在最后。我的问题是，另一个“Alex”选项应该附加在末尾，而原始的“Alex”保留在其位置

Answer 1

$('#name option')[1] 

选择元素。

当您SELECT一个元素时，您就选择了它。哈哈..

它不是已复制。为了获得想要的结果，你必须这样做

var a = $('#name option')[1];
$(a).clone().appendTo($('#name'));