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.
    filter_none

    edit
    close

    play_arrow

    link
    brightness_4
    code

    <!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>

    chevron_right

    
    

  • 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.
    filter_none

    edit
    close

    play_arrow

    link
    brightness_4
    code

    <!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>

    chevron_right

    
    

  • Output:

full-stack-img




My Personal Notes arrow_drop_up

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.