Javascript 在选择框中禁用jquery查找

我有三个选择框：

<select id="box1">   
    <option>foo1</option>   
</select>               

<select id="box2">
    <option>foo2</option>
</select>

<select id="box3">
    <option disabled>foo3</option>
</select>

foo1
食物2
foo3

我需要获取选项的select id:disabled->（第3框）

---

如何查找选项id：使用jquery禁用？

您可以使用

:disabled

伪选择器来实现此目的

$('select option:disabled')

要获取父元素-可以使用

最近的

选择器或

父元素

console.log（$（'select option:disabled'）.closest（'select'）.attr（'id'））

foo1
foo1
您可以使用
：disabled
伪选择器来实现此目的

$('select option:disabled')

要获取父元素-可以使用
最近的
选择器或
父元素


console.log（$（'select option:disabled'）.closest（'select'）.attr（'id'））

foo1
foo1

警报（$（'option:disabled'）.parent（）.attr（'id'））

foo1
食物2
foo3

警报（$（'option:disabled'）.parent（）.attr（'id'））

foo1
食物2
foo3