JQueryはリストから選択オプションを削除します
次の選択ボックスがあります（選択フォームにクラスまたは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オプションはまだリストに表示されています。
どこが間違っているのですか？
ここに fiddle を設定しましたが、これは機能します。ページ内のJQueryライブラリを参照していますか？私のコードの唯一の変更は、jqueryを$に置き換えることです。
$(document).ready(function () {
$("div#test option[value=2014]").remove();
});
試してみてください
jQuery('div#test option[value="2014"]').remove();
または
jQuery("div#test option:last-child").remove();