jQuery - 按值隐藏选项元素

Question

尝试隐藏列表中的选项元素。我尝试了几种方法，似乎无法工作。 我需要按名称调用select，因为我无法添加ID或类。

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

这里的小提琴： http://jsfiddle.net/q2nb08t6/

有什么建议吗？

Answer 1

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

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

在FF，Chrome，Safari，IE和Opera中测试过。

Demo Fiddle

Answer 2

将选择器更改为

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

>表示在前面的选择器中搜索以下选择器。

这是您更新过的小提琴：http://jsfiddle.net/q2nb08t6/2/

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

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