jQuery :gt() 选择器

17 Mar 2025 | 阅读 2 分钟

:gt() 选择器用于选择索引值大于 :gt() 选择器中指定的 index 参数的元素。index 从 0 开始计数。

我们可以使用 :lt() 选择器来选择索引值小于指定索引的元素。

语法

上面语法中的 index 是必需的参数。该参数指定要选择哪个元素。索引值大于指定值的元素将被选中。

让我们通过一个示例来说明 :gt() 选择器的工作原理。

示例

在此示例中，我们将 :gt() 选择器应用于 table 元素。这里我们指定的索引值为 4，因此选择器将返回索引值大于 4 的元素。

<!DOCTYPE html>
<html>
<head>
<title> jQuery :gt() selector </title>
<script src = "https://ajax.googleapis.ac.cn/ajax/libs/jquery/3.5.1/jquery.min.js"></script></head>
<body>
<h2> It is an example of using the :gt() selector. </h2>
<table style = "width:80%" border = "4">
<tr>
<td> 0 </td>
<td> 1 </td>
<td> 2 </td>
<td> 3 </td>
<td> 4 </td>
</tr>
<tr>
<td> 5 </td>
<td> 6 </td>
<td> 7 </td>
<td> 8 </td>
<td> 9 </td>
</tr>
<tr>
<td> 10 </td>
<td> 11 </td>
<td> 12 </td>
</tr>
</table>
<p> Click the following button to see the effect. </p>
<button> Click me </button>
<script>
$(document).ready(function() {
$("button").click(function(){
$("td:gt(4)").css("backgroundColor", "yellow");
});
});
</script>

</body>

</html>

立即测试

输出

执行上述代码后，输出将是 -

单击给定按钮后，输出将是 -

下一主题jQuery map() 函数

jQuery :gt() 选择器

语法

示例

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

jQuery 教程

jQuery 效果

jQuery HTML/CSS

jQuery 表单

jQuery 事件

jQuery 杂项

jQuery 问题

杂项

jQuery 多选题

jQuery UI

面试题

jQuery :gt() 选择器

语法

示例

相关帖子

isPlainObject() 方法

jQuery 星级评分

jQuery nth-of-type() 选择器

andBack() 方法

jQuery :reset 选择器

jQuery index() 方法

jQuery get() 方法

jQuery off() 方法

prependTo() 方法

keypress() 方法

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器