jQueryで子要素を取得する方法：children(), find() - ポップインサイト
直下の子要素を取得する.children() 要素内の全ての子要素を取得します。children(‘セレクタ’)のように、セレクタを引数に渡すことで子要素を絞り込むこともできます。 （例１）#parentの子要素の中から、imgタグのみ取得する HTML <div id="parent"> <p>テキスト1</p> <p>テキスト2</p> <p>テキスト3</p> <img src="sample.png" /></div> jQuery $("#parent").children('img'); なおchildren()メソッドでは、孫要素は取得されません。 全ての子孫要素から取得する.find() children()では、取得できるのは直下の子要素のみでしたが、find()では子要素の子要素も含む全ての子孫要素から条件を指定して取得できます。 （例２）#parentの子要素の中から
【jQuery】 $(this)の親要素、子要素、隣接要素を指定する | ブログ｜東京のホームページ制作・WEB制作会社｜マーカーネット株式会社
jQueryでイベントが発生した要素を指定する$(this)。 jQueryを初めて使った頃は$(this)ってなんだ!? なんで普通に<li>なら$(“li”)じゃだめなの～!? なんて思いましたが大きな違いですよね。 そして次につまづいたのが、$(this)の親要素、子要素、隣接要素やらは一体どうやって指定するのだろ～～～でした。 <div> <ul> <li class=”menu01″><span class=”sp01″>メニュー01</span></li> <li class=”menu02″><span class=”sp02″>メニュー02</span></li> <li class=”menu03″><span class=”sp03″>メニュー03</span></li> </ul> </div>
jQueryでthisの子要素を取得するやり方いろいろ | Base Views
公開 2010年6月6日（日） 更新日 2014年8月18日（月） スポンサーリンク jQueryを使っていて、thisとその子要素を同時に指定したい場合がある。 結構いろんなやり方があるみたいで、取りあえず使いやすそうなので下の3通り。 $("hoge",this) $(this).children("hoge") $(this).find("hoge") 一番上がシンプルでいいかと思うんですが、取得したいthis直下の要素名をthisの手前に書くんですね… 使いどころは多そうですが、例えば下みたいなの。「Click1」をクリックしたらその直下の<div>が隠れるようにしたい場合とか。 <ul> <li>Click1 <div> <h2>Menu1</h2> <p>text1</p> </div> </li> <li>Click2 <div> <li>Menu2</li> <li>tex
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
