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