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」「*」などのセレクターで指定する。

スポンサード リンク