# :gt() Selector

## gt ( index ) version added: 1.0

- index
  Type: Number
  Zero-based index.

## gt ( -index ) version added: 1.8

- -index
  Type: Integer
  Zero-based index, counting backwards from the last element.

Description: Select all elements at an index greater than index within the matched set.

index-related selectors

The index-related selector expressions (including this "greater than" selector) filter the set of elements that have matched the expressions that precede them. They narrow the set down based on the order of the elements within this matched set. For example, if elements are first selected with a class selector (`.myclass`) and four elements are returned, these elements are given indices 0 through 3 for the purposes of these selectors.

Note that since JavaScript arrays use 0-based indexing, these selectors reflect that fact. This is why `$( ".myclass:gt(1)" )` selects elements after the second element in the document with the class `myclass`, rather than after the first. In contrast, `:nth-child(n)` uses 1-based indexing to conform to the CSS specification.

Prior to jQuery 1.8, the `:gt(index)` selector did not accept a negative value for `index`

## Examples:

#### Example: Give TD #5 and higher a yellow background and TD #8 a red text color.

    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <title>css demo</title>

      <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    </head>
    <body>

    <table border="1">
      <tr><td>TD #0</td><td>TD #1</td><td>TD #2</td></tr>
      <tr><td>TD #3</td><td>TD #4</td><td>TD #5</td></tr>
      <tr><td>TD #6</td><td>TD #7</td><td>TD #8</td></tr>
    </table>

    <script>

    $( "td:gt(4)" ).css( "backgroundColor", "yellow" );
    $( "td:gt(-2)" ).css( "color", "red" );

    </script>

    </body>
    </html>

#### Demo: