jQuery - 一般的な兄弟セレクターの例

jQuery –一般的な兄弟セレクターの例

jQuery general 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 form siblings #1 – DIV」の

タグと値が「I’m form siblings #3 – DIV」の

タグの両方が一致しています。これは、これらが

jQuery general 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