jQueryで子要素を操作する時の処理についてまとめました。 直下の子要素のみを指定する.children .child()メソッドは、指定した要素の直下の子要素を指定できます。 下記のソースコードは、直下のli要素の文字を赤くする、という指定で処理をしています。 <ul class="ex01"> <li>リスト1</li> <li>リスト2</li> <li>リスト3</li> <ul> <li>リスト4-1</li> <li>リスト4-2</li> <li>リスト4-3</li> </ul> <li>リスト5</li> <li>リスト6</li> </ul> <script> $(function(){ $('.ex01').children('li').css('color', 'red'); //$('.ex01 > li').css('color', 'red'); も同じ処理