Wednesday, June 17, 2026
HomeLanguagesJavascriptJQuery | inArray() method

JQuery | inArray() method

This inArray() Method in jQuery is used to search for a specific value in an array and return its index (or -1 if not found).

Syntax:

jQuery.inArray(val, arr [, Index])

Parameters: The inArray() method accepts few parameters that are mentioned above and described below:

  • val: The value to search in an array.
  • arr: Any array like object.
  • Index: Index of the array from which to begin search.

Return Value: It returns the index of the element in an array.

  • Example 1: In this example, the inArray() method searches the element ‘geek’ in the array.




    <!DOCTYPE HTML> 
    <html>
      
    <head> 
        <title> 
            JQuery | inArray() method
        </title>
          
        <script src = 
        </script>
    </head> 
      
    <body style="text-align:center;"> 
          
        <h1 style="color: green"> 
            GeeksForGeeks 
        </h1> 
          
        <p id="GFG_UP"></p>
          
        <button onclick="gfg_Run()"> 
            Click Here 
        </button> 
          
        <p id="GFG_DOWN" style="color:green;"></p>
          
        <script> 
            var el_up = document.getElementById("GFG_UP"); 
            var el_down = document.getElementById("GFG_DOWN");
              
            var arr = ["GFG", "GeeksForGeeks", "Geek", "Geeks"];
            var val = "Geek";
              
            el_up.innerHTML = "Click on the button to "
                            + "search the element.<br>"
                            + "Array - [" + arr + 
                            "]<br>Element - '" + val + "'";
              
            function gfg_Run() { 
                el_down.innerHTML = $.inArray(val, arr); 
            } 
        </script> 
    </body> 
      
    </html>

    
    
  • Output:
  • Example 2: In this example, the inArray() method searches the element ‘geek’ in the array as in the previous example. But, index attribute is also passed to search the element from index 3 and return -1.




    <!DOCTYPE HTML> 
    <html>
      
    <head> 
        <title> 
            JQuery | inArray() method
        </title>
      
        <script src = 
        </script>
    </head> 
      
    <body style="text-align:center;"> 
      
        <h1 style="color: green"> 
            GeeksForGeeks 
        </h1> 
      
        <p id="GFG_UP"></p>
      
        <button onclick="gfg_Run()"> 
            Click Here 
        </button> 
      
        <p id="GFG_DOWN" style="color:green;"></p> 
      
        <script> 
            var el_up = document.getElementById("GFG_UP"); 
            var el_down = document.getElementById("GFG_DOWN");
              
            var arr = ["GFG", "GeeksForGeeks", "Geek", "Geeks"];
            var val = "Geek";
      
            el_up.innerHTML = "Click on the button to search"
                    + "the element.<br>Array - [" + arr + 
                    "]<br>Element - '" + val + "'"; 
                      
            function gfg_Run() { 
                el_down.innerHTML = $.inArray(val, arr, 3); 
            } 
        </script> 
    </body>
      
    </html>

    
    
  • Output:
RELATED ARTICLES

Most Popular

Dominic
32516 POSTS0 COMMENTS
Milvus
131 POSTS0 COMMENTS
Nango Kala
6897 POSTS0 COMMENTS
Nicole Veronica
12014 POSTS0 COMMENTS
Nokonwaba Nkukhwana
12109 POSTS0 COMMENTS
Shaida Kate Naidoo
7019 POSTS0 COMMENTS
Ted Musemwa
7262 POSTS0 COMMENTS
Thapelo Manthata
6976 POSTS0 COMMENTS
Umr Jansen
6964 POSTS0 COMMENTS