Jquery :lt(index)与:gt(index))选择器出现的问题解决

黄舟原创: 2017-06-23 10:44:08 1223浏览

测试问题：

$(document).ready(function(){
    $("tr:gt(0):lt(2)").css("background-color","#B2E0FF");
});

gt()和lt()对调个位置，显示的结果就不一样！~
lt()放前面是我想要的结果，gt()在前面就坑了。
下面的代码来自w3cshool，本人项目jquery1.8.2.js也存在类似问题。
期待大神说明此事缘由。。

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript"> 
  
$(document).ready(function(){
    $("tr:gt(0):lt(2)").css("background-color","#B2E0FF");
});
</script>   
  
</head>
<body>
<h1>Welcome to My Web Page</h1>
 
<table>
<tr>
<th>Id</th>
<th>LastName</th>
 
<th>FirstName</th>
<th>Address</th>
<th>City</th>
</tr>
 
<tr>
<td>1</td>
<td>Adams</td>
<td>John</td>
<td>Oxford Street</td>
 
<td>London</td>
</tr>
 
<tr>
<td>2</td>
<td>Bush</td>
<td>George</td>
<td>Fifth Avenue</td>
<td>New York </td>
</tr>
 
<tr>
<td>3</td>
<td>Carter</td>
<td>Thomas</td>
<td>Changan Street</td>
<td>Beijing</td>
</tr>
 
<tr>
<td>4</td>
<td>Obama</td>
<td>Barack</td>
<td>Pennsylvania Avenue</td>
<td>Washington</td>
</tr>
 
</table>
 
</body>
</html>
 
</body>
</html>

:gt(n) 所有序号大于 n 的元素
:lt(n) 所有序号小于 n 的元素
:gt(0):lt(2) 表示1,2号元素
:lt(2):gt(0) 表示1号元素

是呀，:gt(0):lt(2)可以理解为0< index <= 2，:lt(2):gt(0)是 0< index < 2；jquery手册也没关于这个用法介绍啊。这算bug吗？

a,b,c,d,e
:gt(0) 得到
b,c,d,e
:lt(2) 得到
b,c

选择器是一步一步向下筛选的，每一步的筛选都是在上一步的结果中进行的

以上就是Jquery :lt(index)与:gt(index))选择器出现的问题解决的详细内容，更多请关注php中文网其它相关文章！

PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

上一条：jQuery :lt(index)选择器的使用案例下一条：jQuery选择器:header的使用详解