jQuery选择-选择防止隐藏选择

Question

我想隐藏一个select，如果它除了不工作之外没有其他元素的话，就会应用所选的select类。

我试过了

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

然后在隐藏尝试之前删除选中的-select类：

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

但这两种方法都不起作用。如果我不这么做：

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

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

这是众所周知的问题吗？这样做有什么“诡计”吗？

Answer 1

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

编辑以获得进一步解释：

尝试使用浏览器的开发工具来检查DOM元素(通常右击元素，然后“检查元素”或类似的元素)。

您将看到，一旦对DOM元素调用了$(element).chosen()，就会发生以下情况：

1. 原始元素是隐藏的(它仍然在DOM中，但有style="display: none;")
2. 选择的下拉小部件是使用许多其他DOM元素创建的，这些元素都被分组为类chosen-container的div和从元素的id派生的id (在本例中，将"_chosen“附加到其中)。

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

Answer 2

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

应该能起作用。