javascript 找到メソッド&childrenメソッド

Posted 2021-05-03

<!-- findメソッド -->
<div id="test">
  <!-- #testの中の<ul><li><a>要素全てを取得される -->
  <ul>
    <li><a href="https://yahoo.co.jp">Yahoo!ジャパン</a></li>
    <li><a href="https://google.com">Google</a></li>
  </ul>
</div>

<!-- childrenメソッド -->
<div id="test02">
  <!-- #test02の中の一番目の階層のみの要素(<a>)が取得される -->
  <a href="https://yahoo.co.jp">
    <p>テキスト</p>
  </a>
</div>

$(function(){
  // findメソッド(対象のid(or class)の対象タグ(or id or class)全ての階層に適用)
  $('#test').find('a').css('color','red');
  
  // childrenメソッド(対象のid(or class)の1つ目の対象階層(タグ or id or class)にのみ適用)
  $('#test02').children('a').css('color','red');
});