jquery lt
jQuery LT(Less Than)选择器
jQuery中的:lt()选择器用于选取索引值小于指定数字的元素。该选择器基于元素的索引位置进行筛选,索引从0开始计数。
语法说明
$("selector:lt(index)")
selector:基础选择器,用于匹配一组元素。index:整数,表示筛选条件。例如:lt(3)会选择索引为0、1、2的元素。
使用示例
选择前三个表格行(索引0、1、2)并设置背景色:
$("tr:lt(3)").css("background-color", "yellow");
与其他选择器结合
:lt()可以与其他选择器组合使用。例如选择所有<li>中前两个元素:
$("li:lt(2)").addClass("highlight");
注意事项
- 索引是基于匹配元素集合的位置,而非DOM中的绝对顺序。
- 若索引为负数(如
:lt(-2)),会从集合末尾反向计数。 - 与
:gt()(大于)和:eq()(等于)选择器类似,属于位置筛选器。
动态索引示例
通过变量动态控制选择范围:
var cutoff = 4;
$("div:lt(" + cutoff + ")").hide();
性能建议
对于大型DOM操作,优先使用原生CSS选择器或.slice()方法,因伪类选择器(如:lt)可能需额外计算。例如:
$("li").slice(0, 3).addClass("selected");






