如何獲取所有沒有使用jQuery選擇的選項的選擇元素？

Question

如何獲取所有沒有使用jQuery選擇選項的選擇元素？

<select id="one"> 
    <option value=""></option> 
    <option value="test"></option> 
</select> 

<select id="two"> 
    <option value=""></option> 
    <option selected value="test"></option> 
</select> 

jQuery選擇器會根據沒有選擇返回#one嗎？

Answer 1

$('select option:selected[value=""]').parent() 

• 選擇所有所有select元素
• 檢查所選擇的選項的""一個值，而你的情況意味着沒有選項實際選擇的:selected選項。
• 返回父（這將是一個select）

Answer 2

您可以利用jQuery的.parent()和.not()函數。請看下圖：

// selector for all 'select' elements with any option below it 
var all = $("select>option").parent(); // alternative $("select") 

// selector for all 'select' element with a selected child 
var selected = $("select>option[selected]").parent(); 

// the subtraction set "all - selected" achieved by `not`. 
var unselected = all.not(selected); 

注意，jQuery的parent負責刪除重複的從一組子元素的父母。

JsFiddle here。

Answer 3

如果您有jQuery庫比試圖 $（ '選擇選項'）。過濾器（功能（I，d）{回報！d.hasAttribute （ 「選擇」）}）;