The :lt() selector selects elements using an index number which works on less than a specified number. The index numbers starts from 0.
Syntax:
$(":lt(index)")
Parameter:
- index: Index number which is selected. Element which is lesser than the specified index number is selected.
Example:
<!DOCTYPE html> < html > < head > < script src = </ script > < script > $(document).ready(function() { $("ol:lt(3)").css( "background-color", "green"); }); </ script > </ head > < body > < h1 >Welcome to My Web Page</ h1 > < ol id = "1" > < li >GEEKS</ li > < li >FOR</ li > < li >GEEKS</ li > </ ol > < ol id = "2" > < li >GEEKS</ li > < li >FOR</ li > < li >GEEKS</ li > </ ol > < ol id = "3" > < li >GEEKS</ li > < li >FOR</ li > < li >GEEKS</ li > </ ol > < ol id = "4" > < li >GEEKS</ li > < li >FOR</ li > < li >GEEKS</ li > </ ol > </ body > </ html > |
Output:
leave a comment
0 Comments