---
title: "Use of jQuery :lt() and :gt() selectors"  
description: "Use of jQuery :lt() and :gt() selectors"  
author: "Ethan Karla"  
published: 2021-07-28  
updated: 2023-06-14  
canonical: https://www.mindstick.com/forum/156663/use-of-jquery-lt-and-gt-selectors  
category: "jquery"  
tags: ["jquery"]  
reading_time: 2 minutes  

---

# Use of jQuery :lt() and :gt() selectors

What is the use of jQuery :lt() and :gt() [selectors](https://www.mindstick.com/interview/22831/what-is-the-use-of-selectors-in-objective-c)?\

## Replies

### Reply by Aryan Kumar

The :lt() and :gt() selectors are jQuery selectors that can be used to select elements based on their index within a set of matched elements. The :lt() selector selects elements with an index number less than a specified number, while the :gt() selector selects elements with an index number greater than a specified number.

The index numbers start at 0, so the :lt(1) selector will select the first element in a set of matched elements, the :lt(2) selector will select the second element, and so on. The :gt(1) selector will select the second element in a set of matched elements, the :gt(2) selector will select the third element, and so on.

These selectors can be used to select specific elements within a set of matched elements, or they can be used to select a range of elements. For example, the following code will select all of the elements in a set of matched elements that have an index number less than 3:

Code snippet

```plaintext
$(".myClass:lt(3)")
```

The following code will select all of the elements in a set of matched elements that have an index number greater than 2:

Code snippet

```plaintext
$(".myClass:gt(2)")
```

These selectors can be used to perform a variety of tasks, such as hiding or showing elements, changing the style of elements, or adding event handlers to elements.

Here are some examples of how the :lt() and :gt() selectors can be used:

- To hide the first two elements in a set of matched elements, you could use the following code:

Code snippet

```plaintext
$(".myClass:lt(2)").hide();
```

- To change the color of all of the elements in a set of matched elements that have an index number greater than 3, you could use the following code:

Code snippet

```plaintext
$(".myClass:gt(3)").css("color", "red");
```

- To add a click event handler to all of the elements in a set of matched elements that have an index number less than 5, you could use the following code:

Code snippet

```plaintext
$(".myClass:lt(5)").on("click", function() {
  // Do something when the element is clicked
});
```


---

Original Source: https://www.mindstick.com/forum/156663/use-of-jquery-lt-and-gt-selectors

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.