jQuery – 按值隐藏选项元素

试图隐藏列表中的选项元素。 我尝试了几种方法，似乎无法工作。 我需要按名称调用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中测试过。

演示小提琴

Answer 2

将选择器更改为

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

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

这是你最新的小提琴： http ： //jsfiddle.net/q2nb08t6/2/

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

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