Monday, July 27, 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
32520 POSTS0 COMMENTS
Milvus
131 POSTS0 COMMENTS
Nango Kala
6903 POSTS0 COMMENTS
Nicole Veronica
12017 POSTS0 COMMENTS
Nokonwaba Nkukhwana
12115 POSTS0 COMMENTS
Shaida Kate Naidoo
7023 POSTS0 COMMENTS
Ted Musemwa
7265 POSTS0 COMMENTS
Thapelo Manthata
6980 POSTS0 COMMENTS
Umr Jansen
6972 POSTS0 COMMENTS