סלקטור gt
תיאור: בוחר כל האלמנטים עם אינדקס גדול מהנתון ברשימה בהתאמה.
סלקטורים קשורים לאינדקס
ביטוים של סלקטורים קשורים לאינדקס
(כולל סלקטור "יותר מ-")
מסננים רשימת אלמנטים, שתואמים לביטוי הקודם.
הם מצמצמים רשימת אלמנטים, ומשאירים סדר, שבו הם נמצאים ברשימה מהתאמה.
לדוגמה,
אם אלמנטים של מחלקה עם סלקטור
(.myclass)
וארבעה אלמנטים מוחזרים, אלמנטים האלה מקבלים אינדקסים מ-
0 עד 3.
שימו לב, שמערכים של
JavaScript
משתמשים ב-
אינדקסים המבוססים על 0.
זו הסיבה לזה ש-
$('.myclass:eq(1)')
בוחר אלמנט השני במסמך עם מחלקה
MyClass,
ולא הראשון.
בניגוד לזה ש-
:nth-child(n)
משתמש ב-
אינדקסים מתחילים מ-1
כדי להתאים למפרט של
CSS.
דוגמאות
מחפש TD #5 או יותר גדול. תזכורת: אינדקס מתחיל מ-0.קוד מלא:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("td:gt(4)").css("text-decoration", "line-through"); }); </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> </body> </html>
האם מידע זה היה מועיל?
