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");