jQueryオブジェクト .find()

この要素が内包する要素の中から要素を探す。

使い方

jQueryObject.find('selector')

selector

セレクタ

jQueryObject.find(element)

element

要素オブジェクト

サンプル

jQueryオブジェクトのfindメソッドで子要素を取得するサンプルを次に示す。

<ol id="lotr">
  <li>The Fellowship of the Ring</li>
  <li>The Two Towers</li>
  <li>The Return of the King</li>
</ol>
<ol id="con">
  <li>The Magician's Nephew</li>
  <li>The Lion, the Witch and the Wardrobe</li>
  <li>Prince Caspian</li>
</ol>
<script>
  $('#lotr').find('li').css('color', 'red')
</script>

1. The Fellowship of the Ring
2. The Two Towers
3. The Return of the King

1. The Magician's Nephew
2. The Lion, the Witch and the Wardrobe
3. Prince Caspian

参考文献

OpenJS Foundation and jQuery contributors (2022) .find()