javascript - 使用对 html 元素的引用使用 Jquery 添加删除元素

Question

我试图将一个元素添加到下拉列表中，并在选择后将其删除，天真地尝试将 htmlElement 引用定义为这样:(当然这不起作用)

var selectAnOption = "<option value='' selected='selected'>Select One</option>";

稍后

 var addSelectAnOption = function () { ('#ddb1').prepend(selectAnOption ); };

var removeSelectAnOption = function () { selectAnOption.remove(); };

我还尝试了以下变体:

var selectAnOption;

 var addSelectAnOption = function () { selectAnOption = $('#ddb1').prepend("<option value='' selected='selected'>Select One</option>"); };

var removeSelectAnOption = function () { selectAnOption.remove(); };

但这也不起作用，因为 selectAnOption 被设置为 dropDownBox 本身

当然，我可以添加带有 id 的选项，然后使用它来查找它以将其删除，但这似乎不太漂亮。

Answer 1

将其包装在$()中:

var selectAnOption = $("<option value='' selected='selected'>Select One</option>");

DEMO