jQuery - 隣接する兄弟セレクターの例

jQuery –隣接する兄弟セレクターの例

jQuery adjacent sibling selector (X + Y)は、「X」要素の兄弟である「Y」に一致する直後または次の要素を選択するために使用されます。

例えば、

I'm class1 sibling #1

I'm class1 sibling #2

I'm class1 sibling #3

と

は兄弟関係です。「$(.class1 + p)」ステートメントは、値が「I’m class1 sibling #1」の

要素のみを選択し、残りの

要素は無視されます。

この例では、値が「I’m form siblings #1 – DIV」の

タグのみが一致します。これは、

jQuery adjacent sibling selector example

TextBox 1 (Child) :

TextBox 2 (GrandChild) :

TextBox 3 (Great GrandChild) :

TextBox 4 (Child) :

I'm form siblings #1 - DIV

I'm form siblings #2 - P

I'm form siblings #3 - DIV

I'm form siblings #4 - P