我想隐藏使用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");