<!DOCTYPE html>
<
html
>
<
head
>
<
title
>
JQuery | grep() method
</
title
>
<
script
src
=
</
script
>
</
head
>
<
body
style
=
"text-align:center;"
>
<
h1
style
=
"color:green;"
>
GeeksforGeeks
</
h1
>
<
p
id
=
"GFG_UP"
style
=
"font-size: 20px; font-weight: bold"
>
</
p
>
<
button
onclick
=
"GFG_Fun();"
>
click here
</
button
>
<
p
id
=
"GFG_DOWN"
style="font-size: 26px;
font-weight: bold; color: green;">
</
p
>
<
script
>
var up = document.getElementById('GFG_UP');
var down = document.getElementById('GFG_DOWN');
var data = [
{"prop_1":"val_11", "prop_2":"val_12"},
{"prop_1":"val_21", "prop_2":"val_22"},
{"prop_1":"val_11", "prop_2":"val_22"},
{"prop_1":"val_61", "prop_2":"val_52"},
{"prop_1":"val_21", "prop_2":"val_52"},
{"prop_1":"val_61", "prop_2":"val_12"}
];
up.innerHTML = "Click on the button to "
+ "perform the operation.<
br
>"
+ "JSON - <
br
>" + JSON.stringify(data);
function GFG_Fun() {
var d = $.grep(data, function(n, i){
return n.prop_1==='val_11';
});
down.innerHTML=JSON.stringify(d);
}
</
script
>
</
body
>
</
html
>