مختار jQuery :nth-child()

مصفوفات jQuery

:nth-child(nاختيار جميع العناصر التابعة للعنصر الأب:العنصر رقم nالعناصر التابعة للعنصر.

استخدام:nth-of-type()اختيار جميع العناصر من نوع معين تنتمي إلى العنصر الأب:العنصر رقم nجميع العناصر التابعة للعنصر.

النحو:

$(":nth-child(number|An+B|odd|even)")

مثال

اختيار كل عناصر <p> التي هي الطفل الثالث كطفل من والدها:

$("document").ready(function(){
　　$("p:nth-child(3)").css("background",　"coral");
});

الرقم والكلمة المزدوجة المستخدمة للتوافق مع العناصر التابعة للأب الأصلي التي لها ترتيب فرعي فردي أو زوجي:

$("document").ready(function(){
　　$("p:nth-child(even)").css("background",　"coral");
　　$("li:nth-child(odd)").css("background", "coral");
});

استخدام المعادلة (An + B) شرح:Aتعني حجم الدورة،nهي معدير (تبدأ من 0)، بينماBهي قيمة إزاحة:

$("document").ready(function(){
　　$("p:nth-child(4n + 1)").css("background", "coral");
　　$("li:nth-child(3n)").css("background", "coral");
});

قيمة الإعداد

مصفوفات jQuery