小码哥的IT人生

首页 > JS > jQuery

jQuery :gt 选择器 概述

jQuery 2022-06-01 12:00:28小码哥的IT人生shichen

jQuery :gt 选择器

实例

选择前 3 个之后的所有 <tr> 元素:

$("tr:gt(2)")

完整实例:

<html>
<head>
<script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("tr:gt(2)").css("background-color","#B2E0FF");
});
</script>
</head>
<body>
<html>
<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>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

定义和用法

:gt 选择器选取 index 值高于指定数的元素。

index 值从 0 开始。

经常与其他元素/选择器一起使用,来选择指定的组中特定序号之后的元素(如上面的例子)。

语法

$(":gt(index)")
参数 描述
index

必需。规定要选择的元素。

会选取 index 值大于指定数的元素。

提示和注释

提示:请使用 :lt 选择器来选取 index 值小于指定数的元素。

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024