按類別排列的元素數組 - 類型錯誤：$ .id不是函數

Question

我試圖從所有共享類的div元素中創建一個數組。

div的ID是settingsMenu，我需要在陣列中存儲的所有元素共享一個menuOption類。 jQuery的嘗試如下：

var options = $.id('settingsMenu').getElementsByClassName('menuOption'); 

當我用這個語句中執行裏面的功能，我得到的錯誤是：

"Uncaught TypeError: $.id is not a function"

的$.id似乎是有問題的，我使用的是錯誤的？

虛擬HTML：

<div id="settingsMenu"> 
    <input type="text" class="menuOption" /> 
    <input type="checkbox" class="menuOption" /> 
</div> 

Answer 1

不能完全確定我會採取這種方法，也沒看到通過ID選擇元素此方法。爲什麼不把選擇器嵌入以下內容？

var options = $('#settingsMenu .menuOption'); 

JSFiddle Link - 演示

---

確保一般

Answer 2

如果你想使用jQuery，那麼你就需要使用純JavaScript功能，如getElementsByClassName()爲jQuery provides a very easy to use syntax訪問DOM元素。

如下您可以重構代碼：

// This will retrieve all elements with the class "menuOption" below an element 
// with ID "settingsMenu" 
var options = $('#settingsMenu .menuOption');