jQueryで特定のoptionを取得するセレクタ

背景

valueが1の選択肢を選択できないように(‘disable=false’)したかったのだけど、セレクタの指定方法に少し迷ったのでメモ。
年末年始でjQueryの使い方を綺麗さっぱり忘却してしまっていた。うぉーう

方法

例えばidがid1のセレクタのうち、valueが1のものを指定するとき

$('select#id1 option[value="1"]')

詳細(一応)

「特定のselect内にある、value属性が1のoption」要素を指定するときは、

1. 「特定のselect」
$('select#<特定のid>')

とか

$('select.<特定のclass>')

とか

$('select[name="<特定のname>"]')

とか。

2. 「特定のselect内にあるoption」

1.に、optionをつける。
<要素1> <要素2>(1と2の間のスペース必須)で、「要素1内の要素2」を指定できる。

$('select#id1 option')
「valueが1のoption」

<要素1>[<属性>=<値>](スペースつけちゃだめ)で、「要素1のうち属性が指定した値のもの」を指定できる。

$('option[value="1"]')
「特定のselect内にある、valueが1のoption」

2.と3.を合体

$('select#id1 option[value="1"]')

参考

【jQuery】要素を指定するセレクタの使い方 まとめ
jQueryを使用してDOMの操作を行いたい場合に,セレクタの指定を簡単に行う方法を紹介します.使い方を覚えてしまえば要素の取得を最小限に抑えられ,処理の高速化にもつながります.