如何執行在jquery中刪除

Question

我有兩個小改變，我想。

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

1. 我怎樣才能獲得selectedOption從#moduleDrop和#moduleselect被刪除。

2. 我有一個類$('option.red')，如果#moduleselect中的內容爲空，我只希望它附加到#moduleselect。

#moduleSelect是一個多選框，'#modulesDrop'是一個下拉菜單。

下面是一個的jsfiddle

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

只需按照步驟來使用小提琴：

1. 你會看到一個下拉菜單，從下拉菜單中選擇一門課程。
2. 您會從下拉菜單中看到所選課程的詳細信息。點擊「刪除模塊」提交按鈕。
3. 確認確認框。沒了發生在密蘇里州，但我想在下拉菜單中選擇的模塊從下拉菜單，並從選擇框中

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/