JQuery Utilities
<!doctype html>
<html lang="en">
<head>
<title>Utility Function: $.inArray()</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
var myNames = ["Aaron", "Sarah", "Rose", "Abel", "Diya", "John"];
$("#result").html("The index of Aaron is " + $.inArray("Aaron", myNames, 3));
});
</script>
</head>
<body>
<div id="result"></div>
</body>
</html>
Filter an array
<!doctype html>
<html lang="en">
<head>
<title>Utility Function: $.grep()</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
var weekDays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
var newArr = $.grep(weekDays, function(item, index){
return (index > 0 && index < 6);
});
$("#result").html("Current array: " + weekDays + "<br />New Array: " + newArr);
});
</script>
</head>
<body>
<div id="result"></div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>$.each() Method</title>
<!-- Add reference to latest jQuery file -->
<script type="text/javascript">
$(document).ready(function(){
var nameArr = ["Aaron", "Ann", "Aidan", "Sarah", "Abel"];
var numberObj = { a: 1, b:10, c:100, d:1000};
var sum = 0;
$("div").each(function(index, value){
$("#result").append(index + " : " + $(this).attr("id") + "<br />");
});
});
</script>
</head>
<body>
<ul>
<li>Jasmine</li>
<li>Rose</li>
<li>Lotus</li>
<li>Tulips</li>
</ul>
<div id="result"></div>
<div id="test"></div>
</body>
</html>