Selectors/API/jQuery
ancestor descendant
階層関係を指定してエレメントを選択します。
descendant（子孫）はancestor（先祖）の子要素全てを指します。必ずしも直下である必要はありません。
descendant（子孫）はancestor（先祖）の子要素全てを指します。必ずしも直下である必要はありません。
サンプル
サンプル1
formの中にあるinput要素にのみ、青い枠線をつけます。
<form>
子供: <input type="text" value="ここには枠線が付きます" />
<div>
孫: <input type="text" value="ここにも枠線が付きます" />
</div>
</form>
<input type="text" value="ここはformの子孫ではないため、枠線は付きません" />
$("form input").css("border", "2px dotted blue");
[全コードを表示]
[実行結果を単体で表示]