javascript - JQuery リストから選択オプションを削除

Question

次の選択ボックスがあります(選択フォームにクラスまたはIDを追加できないため、divでラップしました):

<div id="test"><select name="wpv-yr">
<option value="0" selected="selected">All Years</option>
<option value="2010">2010 (6)</option>
<option value="2011">2011 (12)</option>
<option value="2012">2012 (32)</option>
<option value="2013">2013 (129)</option>
<option value="2014">2014 (24)</option>
</select></div>

そして、最後のオプションである 2014 をドロップダウン リストに表示したくありません。私は追加しようとしました：

jQuery(document).ready(function() {
jQuery("div#test option[value=2014]").remove();
});

また、値を一重引用符で囲んでみました：

jQuery(document).ready(function() {
jQuery("div#test option[value='2014']").remove();
});

しかし、それもうまくいきませんでした。2014年のオプションはまだリストに表示されています.

どこが間違っていますか？

Answer 1

ここにセットアップしたばかりfiddleで、これは機能します。JQueryページ内のライブラリを参照していますか? 私のコードの唯一の変更はjquery、$

$(document).ready(function () {
    $("div#test option[value=2014]").remove();
});

Answer 2

Jクエリ

$("#List option:selected").remove();

フィドルのデモ

フィドル