Friday, September 19, 2025
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
32301 POSTS0 COMMENTS
Milvus
84 POSTS0 COMMENTS
Nango Kala
6666 POSTS0 COMMENTS
Nicole Veronica
11840 POSTS0 COMMENTS
Nokonwaba Nkukhwana
11898 POSTS0 COMMENTS
Shaida Kate Naidoo
6781 POSTS0 COMMENTS
Ted Musemwa
7056 POSTS0 COMMENTS
Thapelo Manthata
6739 POSTS0 COMMENTS
Umr Jansen
6744 POSTS0 COMMENTS