如果列表中预先存在添加的元素,则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] 

选择元素.

当你选择一个元素,你选择它.大声笑..

它不是COPIED.要获得理想的结果,您必须这样做

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