jQuery Misc get() Method

jQuery Web Development Front End Technology

The get() method in jQuery is used to get the DOM elements matched by the selector.

Syntax

The syntax is as follows −

$(selector).get(index)

Above, the index specifies which of the matching elements to get.

Let us now see an example to implement the jQuery get() method −

Example

Live Demo

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
   $(document).ready(function(){
      $("button").click(function(){
         var res = $("li").get(2);
         $("span").text(res.innerHTML);
      });
   });
</script>
</head>
<body>
<h2>Devices</h2>
<ol>
<li>TV</li>
<li>Laptop</li>
<li>Headphone</li>
<li>Earphone</li>
<li>SSD</li>
</ol>
<button>3rd li element</button><br>
<span></span>
</body>
</html>

Output

This will produce the following output −

Now, click on the button −

Example

Let us now see another example −

Live Demo

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
   $(document).ready(function(){
      $("button").click(function(){
         var res = $("li").get(4);
         $("span").text(res.innerHTML);
      });
   });
</script>
</head>
<body>
<h2>Devices</h2>
<ol>
<li>TV</li>
<li>Laptop</li>
<li>Headphone</li>
<li>Earphone</li>
<li>SSD</li>
</ol>
<button>5th li element</button><br>
<span></span>
</body>
</html>