在第二位向select元素添加选项

Question

我搜索知道如何在选择列表的第二位放置一个新的选择元素

层次结构：

• first：white element
• 第二名：我的新元素（那里：添加）
• next：我的电子邮件列表

我的功能：

function classAppend(){
    $('#email').append(
        $('<option></option>').val('').addClass('new_address_mail').html("Add")
    );
}

有人知道选项是什么吗？

Answer 1

试试这个：

$('#email option:first').after($('<option />', { "value": '', text: 'My new option', class: 'new_address_mail' }));

Answer 2

您可能必须选择#email的第一个孩子并使用insertAfter插入您的元素：

$('<option></option>')
   .val('')
   .addClass('new_address_mail')
   .html("Add")
   .insertAfter($('#email').children().first());

Answer 3

$("<option value='x'>newly added</option>").insertAfter($("select option:first"));​

DEMO