jQuery :gt() 选择器

jQuery 中的:gt() 选择器用于选择索引大于指定索引的元素。索引是从零开始的，这意味着第一个元素的索引为 0。

语法

以下是 jQuery :gt() 选择器的语法：

$(":gt(index)")

参数

以下是上述语法的描述：

index：一个基于零的整数，表示要比较的索引。索引大于此值的元素将被选中。

示例 1

在下面的示例中，我们使用 jQuery :gt() 选择器来选择索引大于 1 的列表元素：

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $("li:gt(1)").css("background-color", "yellow");
        });
    </script>
</head>
<body>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
    </ul>
</body>
</html>

执行上述程序后，第三个（索引：2）和第四个（索引：3）列表项将以黄色背景突出显示。

示例 2

在这个示例中，我们选择并隐藏索引大于 2 的表格行：

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $("tr:gt(2)").hide();
        });
    </script>
</head>
<body>
    <table border="1">
        <tr><td>Row 1</td></tr>
        <tr><td>Row 2</td></tr>
        <tr><td>Row 3</td></tr>
        <tr><td>Row 4</td></tr>
        <tr><td>Row 5</td></tr>
    </table>
</body>
</html>

执行后，索引大于 2 的表格行将被隐藏。

示例 3

在这里，我们选择索引大于 0 的段落元素：

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $("p:gt(0)").css("background-color", "yellow");
        });
    </script>
</head>
<body>
    <p>This is the first paragraph.</p>
    <p>This is the second paragraph.</p>
    <p>This is the third paragraph.</p>
</body>
</html>

第二个段落及以后的段落将以黄色背景突出显示。

jquery_ref_selectors.htm

打印页面