前回は、jQueryセレクタの基本セレクタを紹介してきましたが、今回は、Hierarchy 階層セレクタで、 文字通り、DOMの階層構造に従って検索するためのフィルタです。

jQueryの入手方法と、セレクタについてのドキュメントは下記のページをご参照ください。

Hierarchy 階層セレクタ

jQueryバージョン1.2.3現在、jQueryの階層セレクタとして使えるものは次の4種類です。DOMのノードツリーを意識した手軽な検索が可能になります。

Hierarchy セレクタの種類 機能
ancestor descendant 先祖ancestor要素内にある子孫 descendant要素
parent > child 親 parent要素内にある子 child要素
prev + next 前 prev 要素の 次 next の要素
prev ? siblings 前 prev 要素以降にある 兄弟 siblings 要素


では、 次ページ以降、ひとつずつサンプルを作って試してみましょう。