jQuery中的gt和lt

简介:

<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)黄。

目录
相关文章
|
Web App开发 JavaScript 索引
jQuery|"lt"年级前3名
jQuery :lt() 选择器可以帮助你实现所有的制定下标前的所有的元素。 实例 选择前 4 个之后的所有 元素: $("tr:lt(3)") 定义和用法 :lt() 选择器选取 index 值小于指定数字的元素。
1004 0
|
JavaScript
用jquery删除table列表中&lt;u&gt;标签
//循环去掉a和u标签$("tbody a").each(function(){          var xx=$(this).find("u").
992 0
|
前端开发 JavaScript 索引
从零开始学_JavaScript_系列(12)——jquery&lt;2&gt;(高度自适应,哈希地址及检测,单页面技术)
前注:我在练习的时候,函数命名比较随意,以修改起来简单的简短无意义函数名为主,实际使用时,请使用更易阅读、规范的命名方式 (ps:这篇算是上周的) (26)让某块随着浏览器的高度变化而自动变化 假设该块的标签名为section 于是: function ge() { var m =document.documentElement.client
1184 0
|
JavaScript 索引
JQuery对&lt;selecte&gt;中的元素的操作
jQuery获取Select选择的Text和Value: 复制代码 代码如下: var checkText=jQuery("#select_id").find("option:selected").text(); //获取Select选择的Text var checkValue=jQuery("#select_id").val(); //获取Select选择的option Va
933 0
|
7月前
|
JavaScript
Jquery插件知识之Jquery.cookie实现页面传值
Jquery插件知识之Jquery.cookie实现页面传值
38 0
|
8月前
|
JavaScript
jQuery 插件自用列表
jQuery 插件自用列表
30 0
|
1天前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload
|
1天前
|
JavaScript 数据可视化 前端开发
jQuery-JS插件-第9次课-使用插件让领导对你刮目相看-附案例作业
jQuery-JS插件-第9次课-使用插件让领导对你刮目相看-附案例作业
21 0
|
1天前
|
JavaScript 前端开发
开发jQuery插件这些就够了
开发jQuery插件这些就够了
30 0
|
9月前
|
JavaScript
jQuery编写插件的两种方法
jQuery编写插件的两种方法
59 0