jQueryのfindメソッド

子孫要素を取得することができるメソッド

<div id="content">
  <h2>中見出し</h2>
  <p>本文</p>
</div>

  var element = $('#content').find('h2');
  console.log(element[0]);

以下のように出力

<h2>中見出し</h2>

childrenメソッドとの違い

childrenメソッドは一つ下の階層の要素しか取得できない。

参考

[jQuery入門】find()で子要素を取得する手法まとめ！]
(https://www.sejuku.net/blog/37474)

[jQueryでfindメソッドを使って子要素を選択する方法【初心者向け】]
(https://techacademy.jp/magazine/9477)