English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

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

مخترع جـ jQuery

:nth-last-child(nاختيار) يختار جميع العناصر التي تنتمي إلى الأب غير المحدد النوعي، من النهاية، الطفل رقم n.

استخدام:nth-last-of-type()الخيار يختار العناصر من النوع المحدد من الأب من النهاية.الطفل رقم nجميع العناصر للأب.

النحو:

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

مثال

يبدأ العد من النهاية، يختار كل <p> كونه الطفل الرابع من الوالدين:

$("document").ready(function(){
  $("p:nth-last-child(5)").css("background", "coral");
});
اختبار‹/›

الكلمات المفتاحية للأرقام الآسيوية والزوجية تستخدم للتوافق مع الأطفال ذوي الأرقام الآسيوية أو الزوجية:

$("document").ready(function(){
  $("p:nth-last-child(even)").css("background", "coral");
  $("li:nth-last-child(odd)").css("background", "coral");
});
اختبار‹/›

استخدام المعادلة (}}An + B). الشرح:Aيُمثل حجم التكرار،nهذا هو عدد المحتسب (من 0)Bهذا هو القيمة الزائدة:

$("document").ready(function(){
  $("p:nth-last-child(4n + 1)").css("background", "coral");
  $("li:nth-last-child(3n)").css("background", "coral");
});
اختبار‹/›

قيمة المتغير

المتغيراتالوصف
numberالـ index (من 1) للعنصر الفرعي الذي سيتم مطابقته
oddاختيار كل عنصر فرعي غير زوجي
evenاختيار كل عنصر فرعي زوجي
An+Bتحديد العناصر الفرعية التي سيتم اختيارها
مثال: p:nth-last-child(3n + 2)يختار كل ثالث سطر، من النقطة الثانية الأخيرة

مخترع جـ jQuery