jQuery

トップ > チップス > jQuery
2012-03-12, jquery js

全ての子要素を選択する

例えば、fooというidのついた要素の中の全ての子要素を選択する場合、以下のように記述します。

$("#foo > *") // 子（直下）を取得

ここで注意が必要なのは「>」を付けていないと直下の子だけでなく、子要素の子（孫）やさらにその下の要素まで、全て同列に取得されてしまう点です。loadなどを使用する時にこれをやってしまうと、レイアウトが崩れる原因になってしまいます。

$("#foo *") // 孫も全部取得

参考URL

http://api.jquery.com/all-selector/

この記事は役に立ちましたか？