Jquery:lt(index)與:gt(index))選擇器出現的問題解決

來源：懂視網責編：小采時間：2020-11-27 20:19:10

Jquery:lt(index)與:gt(index))選擇器出現的問題解決

Jquery:lt(index)與:gt(index))選擇器出現的問題解決:測試問題：$(document).ready(function(){ $("tr:gt(0):lt(2)").css("background-color","#B2E0FF"); });gt()和lt()對調個位置，顯示的結果就不一樣！~lt()放前面是我想要的結果，gt()在前面就坑了。下面

推薦度：

點擊下載本文 文檔為doc格式

導讀Jquery:lt(index)與:gt(index))選擇器出現的問題解決:測試問題：$(document).ready(function(){ $("tr:gt(0):lt(2)").css("background-color","#B2E0FF"); });gt()和lt()對調個位置，顯示的結果就不一樣！~lt()放前面是我想要的結果，gt()在前面就坑了。下面

測試問題：

$(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

選擇器是一步一步向下篩選的，每一步的篩選都是在上一步的結果中進行的

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

選擇器是一步一步向下篩選的，每一步的篩選都是在上一步的結果中進行的

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com