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

اختيار :nth-of-type() لـ jQuery

محددات jQuer

اختيار :nth-of-type() بناءً على موقعها في مجموعة من الاخوة المتساوين، يختار جميع العناصر من النوع المحدد.

استخدام:nth-child()يمكن للاختيار التالي اختيار جميع العناصر بناءً على موقعها في جميع العناصر (بغض النظر عن نوعها).

النحو:

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

مثال

اختيار كل عنصر فرعي <span> من نفس الأب هو <span> الثالث

$("document").ready(function(){
  $("span:nth-of-type(3)").css("background", "lime");
});
الاختبار‹/›

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

$("document").ready(function(){
  $("span:nth-of-type(odd)").css("background", "lime");
  $("span:nth-of-type(even)").css("background", "aqua");
});
الاختبار‹/›

قيمة المتغير

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

محددات jQuer