Selectors/API/jQuery
parent > child
親子関係を指定して、要素を選択します。
サンプル
サンプル1
mainというidを持つ要素の、直下にある要素全てに枠線をつけます。
<div id="main"> <div>ここには枠線がつきます</div> <span>ここにも枠線がつきます</span> <div>ここにも枠線がつきますが、<span>ここは孫関係になるのでつきません</span></div> </div> <div id="sub"> ここはmainの兄弟であり子供ではないので、枠はつきません </div>
$("#main > *").css("border", "3px solid red");
[全コードを表示]
[実行結果を単体で表示]