أحدث البرامج التعليمية وتطوير الشبكة
 

jQuery :nth-child() Selector

<مسج المختارون

مثال

حدد كل <p> العنصر الذي هو الطفل الثالث من الأم:

$("p:nth-child(3)")
انها محاولة لنفسك »

تعريف واستخدام

و :nth-child( n ) محدد يختار كل العناصر التي هي nth طفل، بغض النظر عن نوع من الأم.

نصيحة: استخدم :nth-of-type() محدد لتحديد كافة العناصر التي هي n th طفل، من نوع معين، من والدهم.


بناء الجملة

:nth-child( n |even|odd| formula )

معامل وصف
n مؤشر كل طفل لمباراة.

يجب أن يكون رقما. العنصر الأول له مؤشر الرقم 1.
even يختار كل even عنصر تابع
odd يختار كل odd عنصر تابع
formula يحدد أي عنصر تابع (ق) التي سيتم اختيارها وفقا لصيغة ( an + b ) .
مثال: p:nth-child(3n+2) يختار كل فقرة 3RD، بدءا من عنصر تابع 2ND

انها محاولة لنفسك - مثال

حدد كل <p> العنصر الذي هو الطفل الثاني من كل <div> عناصر
كيفية اختيار كل <p> العنصر الذي هو الطفل الثاني من كل <div> العناصر.

باستخدام صيغة (an + b)
كيفية استخدام صيغة ( an + b ) لتحديد العناصر التابعة مختلفة.

استخدام "even" و "odd"
كيفية استخدام حتى والغريب لتحديد العناصر التابعة مختلفة.

الفرق بين :nth-child() ، :nth-last-child() ، :nth-of-type() و: الألف من بين آخر من نوع ()
الفرق بين p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2) و p:nth-of-last-type(2) .


<مسج المختارون