Javascript Jquery是否在选择框的索引1处追加HTML？

选择框HTML

<select id="customerBox" onchange="customerOperation(this);">
    <option value="-1"  > Select</option>
    <option value="delete"  class="delete-operation"> Delete </option>
    <option value="add" class="add-operation"> Add </option>
</select>

点击链接2，我将重新连接html，如下所示

 var deleteOptionHtml = $("#customerBox option[class=delete-operation]").detach();

  $("#customerBox").append(deleteOptionHtml);

一切正常，但删除选项在添加后追加，我看到选项顺序为

Select，Add，delete

，而不是

Select，delete，Add

。 有没有一种方法可以在1索引处附加html（删除选项）

注意：-我没有使用jquery显示/隐藏功能，因为它在IE/chrome等浏览器中不起作用

使用：

---

要始终将其插入“添加”选项之前，请使用以下命令：

$("#customerBox option.add-operation").before(deleteOptionHtml);

---

我的问题实际上漏掉了一点，修改了它。看看你能不能帮忙。（根据我前面的问题，你的回答很好）但是我不知道如何在选择后追加它。我可以指定我要在特定的选择后追加吗？

$("#customerBox option.add-operation").before(deleteOptionHtml);