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()

應該做的伎倆。