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 值小于指定数字的元素。
1045 0
|
JavaScript
用jquery删除table列表中&lt;u&gt;标签
//循环去掉a和u标签$("tbody a").each(function(){          var xx=$(this).find("u").
1021 0
|
前端开发 JavaScript 索引
从零开始学_JavaScript_系列(12)——jquery&lt;2&gt;(高度自适应,哈希地址及检测,单页面技术)
前注:我在练习的时候,函数命名比较随意,以修改起来简单的简短无意义函数名为主,实际使用时,请使用更易阅读、规范的命名方式 (ps:这篇算是上周的) (26)让某块随着浏览器的高度变化而自动变化 假设该块的标签名为section 于是: function ge() { var m =document.documentElement.client
1204 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
953 0
|
2月前
|
JavaScript
jQuery 树型菜单插件(Treeview)
jQuery 树型菜单插件(Treeview)
66 2
|
2天前
|
JavaScript 前端开发 iOS开发
ios样式开关按钮jQuery插件
ios样式开关按钮jQuery插件
24 7
|
2天前
|
JavaScript 前端开发 API
漂亮的jQuery对话框插件Dialogify
这是一款jQuery对话框插件。该对话框插件使用dialog元素和 HTMLDialogElement API来制作对话框, 可以生成漂亮的对话框效果。
22 7
|
2天前
|
JavaScript
jQuery响应式垂直侧边栏插件rvnm
jQuery响应式垂直侧边栏插件rvnm
|
9天前
|
JavaScript
jQuery简单实用的圆形进度条插件
CirclesProgressbar是一款简单实用的jQuery圆形进度条插件。该插件可以自定义圆形进度条的大小,填充颜色,边框颜色和是否带动画效果等。该圆形进度条插件在使用上非常简单。
|
14天前
|
JavaScript
可自由配置的jQuery消息提示框插件toast
jquery.toast.js是一款可自由配置的jQuery消息提示框插件。该消息提示框可以自定义背景和前景色,提示框的位置,提示框的显示时间,提示框的动画效果等。
19 2