Hierarchy / 階層

要素の親子関係・前後関係などに基づくセレクター。

• jQuery( 'ancestor descendant' )

  jQuery API の jQuery( 'ancestor descendant' ) は、「ancestor」セレクターで指定した要素を先祖に持ち、尚且つ、「descendant」セレクターの指定に該当するすべての要素を選択する。ancestor（先祖要素）も、descendant（子孫要素）も、「id」「class」「*」などのセレクターで指定する。

• jQuery( 'parent > child' )

  jQuery API の jQuery( 'parent > child' ) は、「parent」セレクターで指定した要素の子要素で、尚且つ、「child」セレクターの指定に該当するすべての要素を選択する。parent（親要素）も、child（子要素）も、「id」「class」「*」などのセレクターで指定する。

• jQuery( 'prev + next' )

  jQuery API の jQuery( 'prev + next' ) は、「prev」セレクターで指定した兄要素の直後で、尚且つ、「next」セレクターの指定に該当する弟要素を選択する。prev（兄要素）も、next（兄要素の次の弟要素）も、「id」「class」「*」などのセレクターで指定する。

• jQuery( 'prev ~ siblings' )

  jQuery API の jQuery( 'prev ~ siblings' ) は、「prev」セレクターで指定した要素を兄に持ち、尚且つ、「siblings」セレクターの指定に該当する、すべての弟要素を選択する。prev（兄要素）も、siblings（弟要素）も、「id」「class」「*」などのセレクターで指定する。