jQuery selected-select防止隐藏select

Question

如果没有元素，我想隐藏一个选择选择类的选择，除非它不起作用。

我试过了

   $("#Category2").hide();

然后在隐藏尝试之前删除所选的选择类：

 $("#Category2").remove("chosen-select");
$("#Category2").hide();

但这两种方法都不奏效 如果我不这样做：

$(".chosen-select").chosen();

然后选择将隐藏。 Chrome Developer工具控制台中也没有错误。

这是一个已知的问题？ 这样做有“技巧”吗？

Answer 1

选择创建其他元素 - 尝试$("#Category2_chosen").hide(); 。 看到它的工作： http ： //jsfiddle.net/lhoeppner/9UB23/

编辑以获得进一步说明

尝试使用浏览器的开发工具来检查DOM元素（通常右键单击元素，然后“Inspect element”或类似元素）。

你会看到，一旦你在DOM元素上调用$(element).chosen() ，就会发生以下情况：

1. 原始元素是隐藏的（它仍然在DOM中，但是style="display: none;" ）
2. 所选择的下拉窗口小部件是使用许多其他DOM元素创建的，这些元素都被分组为class selected chosen-container的div和从元素的id派生的id（在这种情况下通过附加“_chosen”）

下划线没有任何特殊含义，它只是选择创建另一个唯一ID的方式。 它可以附加“-chosen”或“_mycustomsuffix”。

Answer 2

$("select#chosen-select").hide()

应该做的伎俩。