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: