当前位置：首页 > jquery

jquery gt

2026-02-03 19:48:28jquery

jQuery :gt() Selector

The :gt() selector in jQuery is used to select elements with an index greater than a specified number. It is part of jQuery's set of filter selectors and is useful for targeting elements based on their position in a matched set.

Syntax

$("selector:gt(index)")

selector: Any valid jQuery selector.
index: A zero-based index. Elements with an index greater than this number will be selected.

Example Usage

// Select all <tr> elements with an index greater than 2
$("tr:gt(2)").css("background-color", "yellow");

// Select all <div> elements with an index greater than 1 within a container
$(".container div:gt(1)").addClass("highlight");

Key Points

The index is zero-based, meaning :gt(0) selects elements starting from the second element (index 1).
Negative indices can be used to count from the end of the set. For example, :gt(-3) selects all elements except the last three.
This selector is deprecated in jQuery 3.4.0 and removed in later versions. The recommended alternative is using .slice().

Alternative Using .slice()

For modern jQuery versions, use .slice() instead:

// Equivalent to :gt(2)
$("tr").slice(3).css("background-color", "yellow");

Performance Considerations

Filtering with :gt() can be slower than using .slice() or other native JavaScript methods, especially for large DOM collections.
Prefer .slice() or explicit loops for better performance in newer jQuery versions.

jquery gt