jQuery 3.3 - :gt() selector

: gt () محدد




jquery

اختيار gt

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

  • الإصدار المضاف: 1.0 jQuery (": gt (index)")

    الفهرس: مؤشر الصفر.

  • الإصدار المضاف: 1.8 jQuery (": gt (-index)")

    indexFromEnd: فهرس يستند إلى الصفر ، عد إلى الخلف من العنصر الأخير.

المحددات المتعلقة بالمؤشر

تقوم تعبيرات المحدد المتعلق بالمؤشر (بما في ذلك هذا المحدد "الأكبر من") بتصفية مجموعة العناصر التي طابقت التعبيرات التي تسبقها. أنها تضيق مجموعة أسفل على أساس ترتيب العناصر داخل هذه المجموعة المتطابقة. على سبيل المثال ، إذا تم تحديد العناصر أولاً باستخدام محدد فئة ( .myclass ) وتم إرجاع أربعة عناصر ، يتم إعطاء هذه العناصر من 0 إلى 3 لأغراض هذه المحددات.

لاحظ أنه نظرًا لأن مصفوفات جافا سكريبت تستخدم الفهرسة المستندة إلى 0 ، فإن هذه المحددات تعكس هذه الحقيقة. هذا هو السبب في تحديد $( ".myclass:gt(1)" ) العناصر بعد العنصر الثاني في المستند مع الفئة myclass ، بدلاً من الأول. في المقابل ، يستخدم :nth-child(n) فهرسة 1 لتتوافق مع مواصفات CSS.

قبل jQuery 1.8 ، لم يقبل محدد :gt(index) قيمة سالبة index

ملاحظات إضافية:

  • لأن :gt() هو ملحق jQuery وليس جزءًا من مواصفات CSS ، فإن الاستعلامات باستخدام :gt() لا يمكنها الاستفادة من تحسين الأداء المقدم بواسطة طريقة DOM querySelectorAll() . للحصول على أداء أفضل في المتصفحات الحديثة ، استخدم $("your-pure-css-selector").slice(index) بدلاً من ذلك.

مثال:

إعطاء TD # 5 وأعلى خلفية صفراء و TD # 8 لون نص أحمر.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>gt demo</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<table border="1">
  <tr><td>TD #0</td><td>TD #1</td><td>TD #2</td></tr>
  <tr><td>TD #3</td><td>TD #4</td><td>TD #5</td></tr>
  <tr><td>TD #6</td><td>TD #7</td><td>TD #8</td></tr>
</table>
 
<script>
$( "td:gt(4)" ).css( "backgroundColor", "yellow" );
$( "td:gt(-2)" ).css( "color", "red" );
</script>
 
</body>
</html>

عرض: