jQuery :lt() 选择器

实例

选择前 4 个 <tr> 元素:

<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("tr:lt(4)").css("background-color", "yellow");
});
</script>
</head>
<body>
<h2>欢迎来到我的主页</h2>
<table border="1">
  <tr>
    <th>公司</th>
    <th>联系人</th>
    <th>国家</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Berglunds snabbkp</td>
    <td>Christina Berglund</td>
    <td>Sweden</td>
  </tr>
  <tr>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
    <td>Mexico</td>
  </tr>
  <tr>
    <td>Ernst Handel</td>
    <td>Roland Mendel</td>
    <td>Austria</td>
  </tr>
  <tr>
    <td>Island Trading</td>
    <td>Helen Bennett</td>
    <td>UK</td>
  </tr>
  <tr>
    <td>Kniglich Essen</td>
    <td>Philip Cramer</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Laughing Bacchus Winecellars</td>
    <td>Yoshi Tannamuri</td>
    <td>Canada</td>
  </tr>
  <tr>
    <td>Magazzini Alimentari Riuniti</td>
    <td>Giovanni Rovelli</td>
    <td>Italy</td>
  </tr>
  <tr>
    <td>North/South</td>
    <td>Simon Crowther</td>
    <td>UK</td>
  </tr>
</table>
</body>
</html>

运行一下

定义与用法

:lt() 选择器选择索引编号小于指定编号的元素。

索引编号从 0 开始。

它通常与另一个选择器一起使用，以选择组中的第一个元素（如上面的实例所示）。

提示：使用 :gt 选择器选择大于指定编号的元素索引编号。

语法

$(":lt(index)")

参数	描述
index	必填。指定要选择的元素。将选择索引小于指定数字的元素

jQuery :lt() 选择器

实例

定义与用法

语法

分类导航