如何隐藏或删除jQuery Chosen选择下拉列表中的选项

我想隐藏使用Chosen插件创建的下拉列表中的某些元素.

我试过删除它：

$( 'option:contains("Swatch 1")').remove().trigger("chosen:updated");

并隐藏它：

$(‘.chosen-results li：contains(“Swatch 1”)’).css(‘display,’none’);

但都不起作用.

请参见颜色下拉列表：http://www.carolineelisa.com/test/wordpress/product/machine/

任何帮助赞赏:)

解决方法

在原始选择中,您需要隐藏该选项.例如：

$('select.chosen-select options:contains("Swatch 1")');

然后用以下内容更新所选选项：

$('select.chosen-select').trigger("chosen:updated");

如果您在页面上有多个选定的下拉菜单,那么在$(‘select.chosen-select’)的位置使用该元素上更具体的id或类可能会更好.所以你的代码将成为：

$('#swatch_select options:contains("Swatch 1")');
$('#swatch_select').trigger("chosen:updated");