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 值小于指定数字的元素。
1103 0
|
JavaScript
用jquery删除table列表中&lt;u&gt;标签
//循环去掉a和u标签$("tbody a").each(function(){          var xx=$(this).find("u").
1080 0
|
前端开发 JavaScript 索引
从零开始学_JavaScript_系列(12)——jquery&lt;2&gt;(高度自适应,哈希地址及检测,单页面技术)
前注:我在练习的时候,函数命名比较随意,以修改起来简单的简短无意义函数名为主,实际使用时,请使用更易阅读、规范的命名方式 (ps:这篇算是上周的) (26)让某块随着浏览器的高度变化而自动变化 假设该块的标签名为section 于是: function ge() { var m =document.documentElement.client
1241 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
1000 0
|
6月前
|
JavaScript 前端开发
百叶窗效果的jQuery幻灯片插件
百叶窗效果的jQuery幻灯片插件
|
6月前
|
JavaScript
jquery无限循环内容滑块插件
jquery无限循环内容滑块插件
|
6月前
|
JavaScript
简单轻量级的jquery图表插件
简单轻量级的jquery图表插件
|
6月前
|
JavaScript
jQuery响应式内容选项卡插件
jQuery响应式内容选项卡插件
|
6月前
|
JavaScript 前端开发
带完成百分比的jQuery表单插件
带完成百分比的jQuery表单插件
|
6月前
|
JavaScript 内存技术
支持多种动画特效的响应式jQuery幻灯片插件
支持多种动画特效的响应式jQuery幻灯片插件