jquery gt

jQuery :gt() 选择器

:gt() 是 jQuery 中的一个选择器，用于选取索引值大于指定数字的元素。索引值从 0 开始计数。该选择器通常与其他选择器结合使用，以筛选出符合条件的元素集合。

语法

$("selector:gt(index)")

• selector：基础选择器，用于选取初始元素集合。
• index：整数，表示从 0 开始的索引阈值，:gt() 会选取索引大于该值的元素。

示例

假设有以下 HTML 结构：

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
</ul>

使用 :gt(1) 选取索引大于 1 的元素（即第 3 个和第 4 个 <li>）：

$("li:gt(1)").css("color", "red");

执行后，Item 3 和 Item 4 的文字颜色会变为红色。

注意事项

• :gt() 是基于 0 的索引，因此 :gt(0) 会选取第 2 个及之后的元素。
• 可以结合其他选择器使用，例如 $("tr:gt(2)") 会选取所有 <tr> 中索引大于 2 的行。
• 与 :lt()（小于）和 :eq()（等于）选择器类似，但功能相反或互补。

替代方案

从 jQuery 3.4 开始，推荐使用 :nth-child(n+X) 或 :nth-of-type(n+X) 替代 :gt()，因为后者可能在未来版本中被标记为过时。例如：

$("li:nth-child(n+3)").css("color", "red");

效果与 :gt(1) 相同。