jquery - 如何在 jquery 中执行删除

Question

我有两个小改动要做。

            var selectedOption = jQuery("#modulesDrop option:selected");
            selectedOption.appendTo($("#moduleselect"));
            $('option.red').appendTo($("#moduleselect"));

1. 我怎样才能selectedOption从#moduleDropand中删除#moduleselect.

2. 我有一个类$('option.red')，我只希望它#moduleselect在内容#moduleselect为空的情况下附加。

#moduleSelect是一个多选框，而“#modulesDrop”是一个下拉菜单。

下面是一个jsfiddle

http://jsfiddle.net/DfSGE/6/

只需按照以下步骤使用小提琴：

1. 您将看到一个下拉菜单，从下拉菜单中选择一门课程。
2. 您将从下拉菜单中看到所选课程的详细信息。单击“删除模块”提交按钮。
3. 确认确认框。没有发生在 mo 但我希望从下拉菜单和选择框中删除下拉菜单中的选定模块

Answer 1

“我怎样才能从#moduleDrop 和#moduleselect 中删除selectedOption。 ”

var selectedOption = $("#modulesDrop").val();
$("#modulesDrop option[value='" + selectedOption + "']").remove();
$("#moduleselect option[value='" + selectedOption + "']").remove();​

“我有一个类 $('option.red')，如果#moduleselect 中的内容为空，我只希望它附加到#moduleselect。 ”

$('#moduleselect:not(:has(option))').addClass('red');

Answer 2

使用 jquery .remove()

这将从 DOM 中删除选定的元素。

http://api.jquery.com/remove/