且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

jQuery中的gt和lt

更新时间:2022-08-21 11:03:34

<body>
    <table style="width: 200px;">
        <tr>
            <td>姓名</td>
            <td>分数</td>
        </tr>
        <tr>
            <td>小明</td>
            <td>100</td>
        </tr>
        <tr>
            <td>小张</td>
            <td>99</td>
        </tr>
        <tr>
            <td>小方</td>
            <td>98</td>
        </tr>
        <tr>
            <td>小圆</td>
            <td>97</td>
        </tr>
        <tr>
            <td>小壮</td>
            <td>96</td>
        </tr>
        <tr>
            <td>小张</td>
            <td>95</td>
        </tr>
    </table>
</body>


首先我们要明确,gt,lt计数都是下标从0开始,而且不论大小小于,都不包括它自己本身。


①$("tr:lt(3)").css("backgroundColor", "yellow");

姓名,小明,小张(0,1,2)三行黄

 

②$("tr:gt(0):lt(3)").css("backgroundColor", "yellow");

我们要注意的是,gt(0)以后,索引为0的已经被排除了,那么剩下的有重新计数,下标又从0开始。

小明,小张,小方(0,1,2)三行黄

 

③$("tr:gt(3):lt(2)").css("backgroundColor", "yellow");

   1 大于3,找到小圆。

   2 小圆,小壮,小张(0,1,2),

   3 小于2,小圆,小壮(0,1)黄。