プログラミング学習のメモです。
あとから自分でも見返せるようにまとめています。
この記事で説明していること
・特定の要素の中から、指定した要素を検索して取り出す方法
１．findメゾットと、childrenメゾットとの違い
どんなときに使用する？
- 複数のコンテンツがあるが、それに対してすべて適応するのではなく
してした要素のみに、イベントを指定したい場合。 - 要素の中の、該当するタグをすべて拾って指定したい場合。
find と children
find とは
[ find ] を用いることで、要素の中から、指定した子要素を取り出すことができる。
例
<div class=”wrapper”>
<a href=”#”>リンク１</a>
<p>
<a href=”#”>リンク2</a>
</p>
$('#wrapper').find('a').〜 の場合
[ find ]の場合は「リンク１」も「リンク２」も取り出すことができる
childrenとは
[ Children ] は一階層下の要素のみの指定子要素を取り出すことができる。
例
<div class=”wrapper”>
<a href=”#”>リンク１</a>
<p>
<a href=”#”>リンク2</a>
</p>
$('#wrapper').children('a').〜 の場合
[ children ]の場合は一階層下の「リンク１」のみ取り出すことができる
要チェック
要素の取り出せる範囲に違いがあり注意すること。
指定する部分を $(this) で指定する事が多いので、セットで覚えると◎
参考になりましたかね？頑張れ未来の自分😄
