:lt() Selector
lt selector
version added: 1.0jQuery(':lt(index)')
- index
- Zero-based index.
描述： 選擇所有小于給定索引值的元素
索引相關(guān)的選擇
這種索引相關(guān)的選擇器（包括這個(gè)“小于”選擇器）過濾他們前面的匹配表達(dá)式的集合元素。他們縮小匹配元素的順序范圍。例如，如果第一個(gè)選擇器使用類選擇器（ .myclass ）進(jìn)行匹配，四個(gè)元素返回，這些元素是給定索引是0到3。
請(qǐng)注意，由于JavaScript數(shù)組使用基于0的索引 ，這些選擇器也是如此。這就是為什么$('.myclass:lt(1)')選擇器選擇文檔中第一個(gè)MyClass類的元素，而不是選擇任何元素。與此相反，:nth-child(n)是基于1的索引的，以符合CSS規(guī)范。
Example:
Finds TDs less than the one with the 4th index (TD#4).
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.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:lt(4)").css("color", "red");</script>
</body>
</html>