jQuery - 按值隐藏选项元素

jQuery - hide option element by value

正在尝试从列表中隐藏选项元素。然而，我尝试了几种方法，似乎无法奏效。 由于无法添加 ID 或 class.

，因此我需要按姓名呼叫 select 
$('select[name*="boxes"] option[value="box6"]').hide();

这里是 fiddle： http://jsfiddle.net/q2nb08t6/

有什么建议吗？

将选择器更改为 

$('select[name*="boxes"] > option[value="box6"]').hide();

>表示在前面的选择器中查找后面的选择器。

这是您更新后的 fiddle：http://jsfiddle.net/q2nb08t6/2/

此外，如果这是一次性情况，您可以进一步简化您的选择器：

$('option[value="box6"]').hide();

如果您可以删除它，这似乎适用于所有浏览器：

$('select[name*="boxes"] option[value="box6"]').remove();

已在 FF、Chrome、Safari、IE 和 Opera 中测试。

Demo Fiddle